From f481bb638a69d647148a3e94191e55bc758c380d Mon Sep 17 00:00:00 2001
From: Vinzenz Schroeter <vinzenz.f.s@gmail.com>
Date: Mon, 6 May 2024 01:20:54 +0200
Subject: [PATCH] add "icons" to buttons

---
 tank-frontend/src/App.tsx        | 6 +++---
 tank-frontend/src/JoinForm.tsx   | 2 +-
 tank-frontend/src/MapChooser.tsx | 9 ++++++---
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/tank-frontend/src/App.tsx b/tank-frontend/src/App.tsx
index f5e11e6..4d18336 100644
--- a/tank-frontend/src/App.tsx
+++ b/tank-frontend/src/App.tsx
@@ -22,12 +22,12 @@ export default function App() {
         <Row>
             <h1 className="flex-grow">CCCB-Tanks!</h1>
             <MapChooser theme={theme}/>
-            <Button text="change colors" onClick={() => setTheme(_ => getRandomTheme())}/>
+            <Button text="☼ change colors" onClick={() => setTheme(_ => getRandomTheme())}/>
             <Button
                 onClick={() => window.open('https://github.com/kaesaecracker/cccb-tanks-cs', '_blank')?.focus()}
-                text="GitHub"/>
+                text="⌂ source"/>
             {name !== '' &&
-                <Button onClick={() => setName(_ => '')} text="logout"/>}
+                <Button onClick={() => setName(_ => '')} text="∩ logout"/>}
         </Row>
 
         {name || <JoinForm onDone={name => setName(_ => name)}/>}
diff --git a/tank-frontend/src/JoinForm.tsx b/tank-frontend/src/JoinForm.tsx
index 2235387..4f4b560 100644
--- a/tank-frontend/src/JoinForm.tsx
+++ b/tank-frontend/src/JoinForm.tsx
@@ -41,7 +41,7 @@ export default function JoinForm({onDone}: {
         <Button
             onClick={confirm}
             disabled={disableButtons}
-            text="INSERT COIN"/>
+            text="¢ INSERT COIN"/>
         {postPlayer.isError && <p>{postPlayer.error.message}</p>}
     </Dialog>;
 }
diff --git a/tank-frontend/src/MapChooser.tsx b/tank-frontend/src/MapChooser.tsx
index 569fbbe..9490972 100644
--- a/tank-frontend/src/MapChooser.tsx
+++ b/tank-frontend/src/MapChooser.tsx
@@ -71,8 +71,11 @@ function MapChooserDialog({mapNames, theme, onClose, onConfirm}: {
                 onClick={() => setChosenMap(name)}
             />)}
         </Row>
-        <Button text="confirm" disabled={!chosenMap} onClick={() => chosenMap && onConfirm(chosenMap)}/>
-        <Button text="cancel" onClick={onClose}/>
+        <Row>
+            <div className='flex-grow'/>
+            <Button text="« cancel" onClick={onClose}/>
+            <Button text="√ confirm" disabled={!chosenMap} onClick={() => chosenMap && onConfirm(chosenMap)}/>
+        </Row>
     </Dialog>;
 }
 
@@ -105,7 +108,7 @@ export default function MapChooser({theme}: {
     const [open, setOpen] = useState(false);
 
     return <>
-        <Button text="Change map"
+        <Button text="▓ Change map"
                 disabled={!query.isSuccess || postMap.isPending}
                 onClick={() => setOpen(true)}/>
         {query.isSuccess && open &&