Merge branch 'main' of git.0124816.xyz:julius/cutt

frontend/src/TeamPanel.tsx

@@ -70,6 +70,7 @@ const TeamPanel = () => {
       (team) => team.id == teams?.activeTeam
     )[0];
     return (
+      <>
         <section className="section">
           <h1 className="title">{activeTeam.name}</h1>
           <h2 className="subtitle">
@@ -124,7 +125,9 @@ const TeamPanel = () => {
                     setPlayer({
                       ...player,
                       ...(player.id === 0 && {
-                      username: e.target.value.toLowerCase().replace(/\W/g, ""),
+                        username: e.target.value
+                          .toLowerCase()
+                          .replace(/\W/g, ""),
                       }),
                       display_name: e.target.value,
                     });
@@ -157,7 +160,10 @@ const TeamPanel = () => {
                     name="gender"
                     value={player.gender}
                     onChange={(e) => {
-                    setPlayer({ ...player, gender: e.target.value as Gender });
+                      setPlayer({
+                        ...player,
+                        gender: e.target.value as Gender,
+                      });
                       setError({ ok: true, message: "" });
                     }}
                   >
@@ -196,7 +202,9 @@ const TeamPanel = () => {
                 />
               </div>
               {error?.message && (
-              <p className={"help" + (error.ok ? " is-success" : " is-danger")}>
+                <p
+                  className={"help" + (error.ok ? " is-success" : " is-danger")}
+                >
                   {error.message}
                 </p>
               )}
@@ -220,8 +228,11 @@ const TeamPanel = () => {
               )}
             </div>
           </form>
+        </section>
+        <section className="section">
           <Calendar playerId={player.id} />
         </section>
+      </>
     );
   } else <span className="loader" />;
 };