diff --git a/tank-frontend/src/App.tsx b/tank-frontend/src/App.tsx index 254b994..aaf4755 100644 --- a/tank-frontend/src/App.tsx +++ b/tank-frontend/src/App.tsx @@ -1,56 +1,38 @@ -import {useCallback, useState} from 'react'; import ClientScreen from './ClientScreen'; import Controls from './Controls.tsx'; import JoinForm from './JoinForm.tsx'; import PlayerInfo from './PlayerInfo.tsx'; -import {useStoredObjectState} from './useStoredState.ts'; -import {NameId, postPlayer} from './serverCalls.tsx'; -import Column from "./components/Column.tsx"; -import Row from "./components/Row.tsx"; -import Scoreboard from "./Scoreboard.tsx"; -import Button from "./components/Button.tsx"; +import Column from './components/Column.tsx'; +import Row from './components/Row.tsx'; +import Scoreboard from './Scoreboard.tsx'; +import Button from './components/Button.tsx'; import './App.css'; -import {getRandomTheme, useStoredTheme} from "./theme.ts"; -import {EmptyGuid} from "./Guid.ts"; - -const getNewNameId = () => ({ - id: EmptyGuid, - name: '' -}); +import {getRandomTheme, useStoredTheme} from './theme.ts'; +import {useState} from 'react'; export default function App() { const [theme, setTheme] = useStoredTheme(); - const [nameId, setNameId] = useStoredObjectState('access', getNewNameId); + const [name, setName] = useState(null); - const [isLoggedIn, setLoggedIn] = useState(false); - const logout = () => setLoggedIn(false); + return - useCallback(async () => { - if (isLoggedIn) - return; - const result = await postPlayer(nameId); - setLoggedIn(result.ok); - }, [nameId, isLoggedIn])(); - - return - - + -

CCCB-Tanks!

-