diff --git a/front/components/editor/BasketCourt.tsx b/front/components/editor/BasketCourt.tsx index 115c41b..ccdc382 100644 --- a/front/components/editor/BasketCourt.tsx +++ b/front/components/editor/BasketCourt.tsx @@ -1,35 +1,28 @@ -import CourtSvg from "../../assets/basketball_court.svg?react" -import "../../style/basket_court.css" -import { useRef } from "react" -import CourtPlayer from "./CourtPlayer" -import { Player } from "../../tactic/Player" +import CourtSvg from '../../assets/basketball_court.svg?react'; +import '../../style/basket_court.css'; +import {useRef} from "react"; +import CourtPlayer from "./CourtPlayer"; +import {Player} from "../../tactic/Player"; export interface BasketCourtProps { - players: Player[] - onPlayerRemove: (p: Player) => void + players: Player[], + onPlayerRemove: (p: Player) => void, onPlayerChange: (p: Player) => void } -export function BasketCourt({ - players, - onPlayerRemove, - onPlayerChange, -}: BasketCourtProps) { - const divRef = useRef(null) +export function BasketCourt({players, onPlayerRemove, onPlayerChange}: BasketCourtProps) { + const divRef = useRef(null); return ( -
- - {players.map((player) => { - return ( - onPlayerRemove(player)} - parentRef={divRef} - /> - ) +
+ + {players.map(player => { + return onPlayerRemove(player)} + parentRef={divRef} + /> })}
) diff --git a/front/components/editor/CourtPlayer.tsx b/front/components/editor/CourtPlayer.tsx index 12083d3..1709599 100644 --- a/front/components/editor/CourtPlayer.tsx +++ b/front/components/editor/CourtPlayer.tsx @@ -1,4 +1,4 @@ -import { RefObject, useRef, useState } from "react" +import { RefObject, useRef } from "react" import "../../style/player.css" import RemoveIcon from "../../assets/icon/remove.svg?react" import Draggable from "react-draggable" diff --git a/front/views/Editor.tsx b/front/views/Editor.tsx index 04362b5..15bb5b2 100644 --- a/front/views/Editor.tsx +++ b/front/views/Editor.tsx @@ -1,27 +1,18 @@ -import { - CSSProperties, - Dispatch, - SetStateAction, - useCallback, - useRef, - useState, -} from "react" -import "../style/editor.css" -import TitleInput from "../components/TitleInput" -import { BasketCourt } from "../components/editor/BasketCourt" -import { Rack } from "../components/Rack" -import { PlayerPiece } from "../components/editor/PlayerPiece" +import { CSSProperties, Dispatch, SetStateAction, useCallback, useEffect, useRef, useState } from "react" +import "../style/editor.css"; +import TitleInput from "../components/TitleInput"; +import {BasketCourt} from "../components/editor/BasketCourt"; -import { Player } from "../tactic/Player" -import { Tactic, TacticContent } from "../tactic/Tactic" -import { fetchAPI } from "../Fetcher" -import { Team } from "../tactic/Team" +import {Rack} from "../components/Rack"; +import {PlayerPiece} from "../components/editor/PlayerPiece"; + +import {Player} from "../tactic/Player"; +import {Tactic, TacticContent} from "../tactic/Tactic"; +import {fetchAPI} from "../Fetcher"; +import {Team} from "../tactic/Team"; +import SavingState, { SaveState, SaveStates } from "../components/editor/SavingState" import { calculateRatio } from "../Utils" -import SavingState, { - SaveState, - SaveStates, -} from "../components/editor/SavingState" const ERROR_STYLE: CSSProperties = { borderColor: "red", @@ -103,6 +94,7 @@ function EditorView({ isInGuestMode ? SaveStates.Guest : SaveStates.Ok, onContentChange, ) + const [allies, setAllies] = useState( getRackPlayers(Team.Allies, content.players), )