From 3843e37d4efd2cbfffb6d9e66915835904b44409 Mon Sep 17 00:00:00 2001
From: Jennifer Taylor <dragonminded@dragonminded.com>
Date: Sat, 8 Oct 2022 22:13:20 +0000
Subject: [PATCH] Covnert Museca and SDVX to fragments.

---
 .../static/controllers/museca/records.react.js  | 17 ++++++++---------
 .../static/controllers/museca/settings.react.js |  4 ++--
 .../static/controllers/sdvx/records.react.js    | 16 ++++++++--------
 .../static/controllers/sdvx/rivals.react.js     |  4 ++--
 .../static/controllers/sdvx/scores.react.js     |  4 ++--
 .../static/controllers/sdvx/settings.react.js   |  4 ++--
 .../static/controllers/sdvx/topscores.react.js  |  1 -
 7 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/bemani/frontend/static/controllers/museca/records.react.js b/bemani/frontend/static/controllers/museca/records.react.js
index 2304a80..db48474 100644
--- a/bemani/frontend/static/controllers/museca/records.react.js
+++ b/bemani/frontend/static/controllers/museca/records.react.js
@@ -182,9 +182,9 @@ var network_records = createReactClass({
         }
 
         return (
-            <span>
+            <>
                 { paginate ?
-                    <div className="section">
+                    <div className="section" key="paginatebuttons">
                         {songids.map(function(songid) {
                             if (songid < 0) {
                                 curbutton = curbutton + 1;
@@ -207,7 +207,7 @@ var network_records = createReactClass({
                     </div> :
                     null
                 }
-                <div className="section">
+                <div className="section" key="contents">
                     <table className="list records">
                         <thead></thead>
                         <tbody>
@@ -284,7 +284,7 @@ var network_records = createReactClass({
                         </tbody>
                     </table>
                 </div>
-            </span>
+            </>
         );
     },
 
@@ -304,7 +304,6 @@ var network_records = createReactClass({
                 return this.getPlays(this.state.records[songid]) > 0;
             }.bind(this));
         }
-
         return this.renderBySongIDList(songids, false);
     },
 
@@ -356,7 +355,7 @@ var network_records = createReactClass({
         }
 
         return (
-            <span>
+            <>
                 <div className="section">
                     {window.valid_charts.map(function(chartname, index) {
                         return (
@@ -373,7 +372,7 @@ var network_records = createReactClass({
                     }.bind(this))}
                 </div>
                 { this.renderBySongIDList(songids, false) }
-            </span>
+            </>
         );
     },
 
@@ -406,7 +405,7 @@ var network_records = createReactClass({
         }
 
         return (
-            <span>
+            <>
                 <div className="section">
                     {window.valid_charts.map(function(chartname, index) {
                         return (
@@ -423,7 +422,7 @@ var network_records = createReactClass({
                     }.bind(this))}
                 </div>
                 { this.renderBySongIDList(songids, false) }
-            </span>
+            </>
         );
     },
 
diff --git a/bemani/frontend/static/controllers/museca/settings.react.js b/bemani/frontend/static/controllers/museca/settings.react.js
index af284c3..4283fa9 100644
--- a/bemani/frontend/static/controllers/museca/settings.react.js
+++ b/bemani/frontend/static/controllers/museca/settings.react.js
@@ -54,14 +54,14 @@ var settings_view = createReactClass({
         return (
             <LabelledSection vertical={true} label="Name">{
                 !this.state.editing_name ?
-                    <span>
+                    <>
                         <span>{player.name}</span>
                         <Edit
                             onClick={function(event) {
                                 this.setState({editing_name: true});
                             }.bind(this)}
                         />
-                    </span> :
+                    </> :
                     <form className="inline" onSubmit={this.saveName}>
                         <input
                             type="text"
diff --git a/bemani/frontend/static/controllers/sdvx/records.react.js b/bemani/frontend/static/controllers/sdvx/records.react.js
index 7de8eb6..cfdd9a8 100644
--- a/bemani/frontend/static/controllers/sdvx/records.react.js
+++ b/bemani/frontend/static/controllers/sdvx/records.react.js
@@ -175,9 +175,9 @@ var network_records = createReactClass({
         }
 
         return (
-            <span>
+            <>
                 { paginate ?
-                    <div className="section">
+                    <div className="section" key="paginatebuttons">
                         {songids.map(function(songid) {
                             if (songid < 0) {
                                 curbutton = curbutton + 1;
@@ -200,7 +200,7 @@ var network_records = createReactClass({
                     </div> :
                     null
                 }
-                <div className="section">
+                <div className="section" key="contents">
                     <table className="list records">
                         <thead></thead>
                         <tbody>
@@ -299,7 +299,7 @@ var network_records = createReactClass({
                         </tbody>
                     </table>
                 </div>
-            </span>
+            </>
         );
     },
 
@@ -371,7 +371,7 @@ var network_records = createReactClass({
         }
 
         return (
-            <span>
+            <>
                 <div className="section">
                     {window.valid_charts.map(function(chartname, index) {
                         return (
@@ -388,7 +388,7 @@ var network_records = createReactClass({
                     }.bind(this))}
                 </div>
                 { this.renderBySongIDList(songids, false) }
-            </span>
+            </>
         );
     },
 
@@ -421,7 +421,7 @@ var network_records = createReactClass({
         }
 
         return (
-            <span>
+            <>
                 <div className="section">
                     {window.valid_charts.map(function(chartname, index) {
                         return (
@@ -438,7 +438,7 @@ var network_records = createReactClass({
                     }.bind(this))}
                 </div>
                 { this.renderBySongIDList(songids, false) }
-            </span>
+            </>
         );
     },
 
diff --git a/bemani/frontend/static/controllers/sdvx/rivals.react.js b/bemani/frontend/static/controllers/sdvx/rivals.react.js
index f786182..0e3b865 100644
--- a/bemani/frontend/static/controllers/sdvx/rivals.react.js
+++ b/bemani/frontend/static/controllers/sdvx/rivals.react.js
@@ -111,7 +111,7 @@ var rivals_view = createReactClass({
         if (count >= 3) { avail = false; }
 
         return (
-            <span>
+            <>
                 {avail ?
                     <Add
                         title="Add Rival"
@@ -121,7 +121,7 @@ var rivals_view = createReactClass({
                     /> :
                     null
                 }
-            </span>
+            </>
         );
     },
 
diff --git a/bemani/frontend/static/controllers/sdvx/scores.react.js b/bemani/frontend/static/controllers/sdvx/scores.react.js
index 4c89724..07441ec 100644
--- a/bemani/frontend/static/controllers/sdvx/scores.react.js
+++ b/bemani/frontend/static/controllers/sdvx/scores.react.js
@@ -60,10 +60,10 @@ var network_scores = createReactClass({
                     <span className="grade">{score.grade}</span>
                     <span className="label">Score</span>
                     <span className="score">{score.points}</span>
-                    {score.combo >= 0 ? <span>
+                    {score.combo >= 0 ? <>
                         <span className="label">Combo</span>
                         <span className="score">{score.combo}</span>
-                    </span> : null}
+                    </> : null}
                 </div>
                 {has_stats ? <div title="critical / near / error">
                     {score.stats.critical}
diff --git a/bemani/frontend/static/controllers/sdvx/settings.react.js b/bemani/frontend/static/controllers/sdvx/settings.react.js
index 6c13d64..258ba9e 100644
--- a/bemani/frontend/static/controllers/sdvx/settings.react.js
+++ b/bemani/frontend/static/controllers/sdvx/settings.react.js
@@ -54,14 +54,14 @@ var settings_view = createReactClass({
         return (
             <LabelledSection vertical={true} label="Name">{
                 !this.state.editing_name ?
-                    <span>
+                    <>
                         <span>{player.name}</span>
                         <Edit
                             onClick={function(event) {
                                 this.setState({editing_name: true});
                             }.bind(this)}
                         />
-                    </span> :
+                    </> :
                     <form className="inline" onSubmit={this.saveName}>
                         <input
                             type="text"
diff --git a/bemani/frontend/static/controllers/sdvx/topscores.react.js b/bemani/frontend/static/controllers/sdvx/topscores.react.js
index 0a08918..d1c1636 100644
--- a/bemani/frontend/static/controllers/sdvx/topscores.react.js
+++ b/bemani/frontend/static/controllers/sdvx/topscores.react.js
@@ -132,7 +132,6 @@ var top_scores = createReactClass({
                             {
                                 name: 'Judgement Stats',
                                 render: function(topscore) {
-                                    console.log(topscore);
                                     has_stats = (
                                         topscore.stats.critical > 0 ||
                                         topscore.stats.near > 0 ||