1
0
mirror of synced 2024-11-24 06:20:12 +01:00

Use fragments in bishi and ddr frontends where appropriate.

This commit is contained in:
Jennifer Taylor 2022-10-08 21:35:31 +00:00
parent ff1dbebe77
commit d3844410d6
4 changed files with 18 additions and 18 deletions

View File

@ -61,14 +61,14 @@ var settings_view = createReactClass({
return ( return (
<LabelledSection vertical={true} label="Name">{ <LabelledSection vertical={true} label="Name">{
!this.state.editing_name ? !this.state.editing_name ?
<span> <>
<span>{player.name}</span> <span>{player.name}</span>
<Edit <Edit
onClick={function(event) { onClick={function(event) {
this.setState({editing_name: true}); this.setState({editing_name: true});
}.bind(this)} }.bind(this)}
/> />
</span> : </> :
<form className="inline" onSubmit={this.saveName}> <form className="inline" onSubmit={this.saveName}>
<input <input
type="text" type="text"

View File

@ -174,7 +174,7 @@ var network_records = createReactClass({
} }
return ( return (
<span> <>
{ paginate ? { paginate ?
<div className="section"> <div className="section">
{songids.map(function(songid) { {songids.map(function(songid) {
@ -343,7 +343,7 @@ var network_records = createReactClass({
</tbody> </tbody>
</table> </table>
</div> </div>
</span> </>
); );
}, },
@ -417,7 +417,7 @@ var network_records = createReactClass({
} }
return ( return (
<span> <>
<div className="section"> <div className="section">
{window.valid_charts.map(function(chartname, index) { {window.valid_charts.map(function(chartname, index) {
return ( return (
@ -434,7 +434,7 @@ var network_records = createReactClass({
}.bind(this))} }.bind(this))}
</div> </div>
{ this.renderBySongIDList(songids, false) } { this.renderBySongIDList(songids, false) }
</span> </>
); );
}, },
@ -469,7 +469,7 @@ var network_records = createReactClass({
} }
return ( return (
<span> <>
<div className="section"> <div className="section">
{window.valid_charts.map(function(chartname, index) { {window.valid_charts.map(function(chartname, index) {
return ( return (
@ -486,7 +486,7 @@ var network_records = createReactClass({
}.bind(this))} }.bind(this))}
</div> </div>
{ this.renderBySongIDList(songids, false) } { this.renderBySongIDList(songids, false) }
</span> </>
); );
}, },

View File

@ -145,7 +145,7 @@ var rivals_view = createReactClass({
} }
return ( return (
<span> <>
{avail ? {avail ?
<Add <Add
title="Add Rival" title="Add Rival"
@ -155,7 +155,7 @@ var rivals_view = createReactClass({
/> : /> :
null null
} }
</span> </>
); );
}, },

View File

@ -167,14 +167,14 @@ var settings_view = createReactClass({
return ( return (
<LabelledSection vertical={true} label="Name">{ <LabelledSection vertical={true} label="Name">{
!this.state.editing_name ? !this.state.editing_name ?
<span> <>
<span>{player.name}</span> <span>{player.name}</span>
<Edit <Edit
onClick={function(event) { onClick={function(event) {
this.setState({editing_name: true}); this.setState({editing_name: true});
}.bind(this)} }.bind(this)}
/> />
</span> : </> :
<form className="inline" onSubmit={this.saveName}> <form className="inline" onSubmit={this.saveName}>
<input <input
type="text" type="text"
@ -216,7 +216,7 @@ var settings_view = createReactClass({
return ( return (
<LabelledSection vertical={true} label="Weight">{ <LabelledSection vertical={true} label="Weight">{
!this.state.editing_weight ? !this.state.editing_weight ?
<span> <>
{ player.workout_mode ? { player.workout_mode ?
<span>{player.weight / 10} kg</span> : <span>{player.weight / 10} kg</span> :
<span className="placeholder">workout mode disabled</span> <span className="placeholder">workout mode disabled</span>
@ -226,7 +226,7 @@ var settings_view = createReactClass({
this.setState({editing_weight: true}); this.setState({editing_weight: true});
}.bind(this)} }.bind(this)}
/> />
</span> : </> :
<form className="inline" onSubmit={this.saveWeight}> <form className="inline" onSubmit={this.saveWeight}>
<div className="row"> <div className="row">
<input <input
@ -320,13 +320,13 @@ var settings_view = createReactClass({
<h3>User Profile</h3> <h3>User Profile</h3>
{this.renderName(player)} {this.renderName(player)}
<LabelledSection vertical={true} label={ <LabelledSection vertical={true} label={
<span> <>
Fast/Slow Display Fast/Slow Display
{ this.state.saving_early_late ? { this.state.saving_early_late ?
<img className="loading" src={Link.get('static', 'loading-16.gif')} /> : <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
null null
} }
</span> </>
}> }>
<Slider <Slider
on="on" on="on"
@ -339,13 +339,13 @@ var settings_view = createReactClass({
/> />
</LabelledSection> </LabelledSection>
<LabelledSection vertical={true} label={ <LabelledSection vertical={true} label={
<span> <>
Combo Position Combo Position
{ this.state.saving_background_combo ? { this.state.saving_background_combo ?
<img className="loading" src={Link.get('static', 'loading-16.gif')} /> : <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
null null
} }
</span> </>
}> }>
<Slider <Slider
className="padded" className="padded"