From 4d6ca264f797914099cc6a2ef913e59df53c2279 Mon Sep 17 00:00:00 2001
From: Kenneth Allen <kenneth@mostly.me>
Date: Mon, 18 Oct 2021 17:26:43 +1100
Subject: [PATCH] Remove empty wonder selection

---
 packages/wonders-client/src/components/Game/Game.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/wonders-client/src/components/Game/Game.tsx b/packages/wonders-client/src/components/Game/Game.tsx
index d5cf765..321f072 100644
--- a/packages/wonders-client/src/components/Game/Game.tsx
+++ b/packages/wonders-client/src/components/Game/Game.tsx
@@ -65,7 +65,7 @@ export default function Game({ state, playerName, dispatch }: { state: State, pl
       </Row>
       <Row>
         <Formik
-          initialValues={{ wonder: player.wonder ?? '' }}
+          initialValues={{ wonder: player.wonder ?? [...wonders.keys()][0] }}
           validate={values => {
             const errors: Partial<typeof values> = {}
             if (values.wonder.length === 0) {
@@ -81,8 +81,8 @@ export default function Game({ state, playerName, dispatch }: { state: State, pl
           <button type="submit">Choose wonder</button>
           {' '}
           <Field as="select" name="wonder">
-            {['', ...wonders.keys()].map(w =>
-              <option key={w} disabled={w.length === 0 || isWonderInUse(w)}>{w}</option>
+            {[...wonders.keys()].map(w =>
+              <option key={w} disabled={isWonderInUse(w)}>{w}</option>
             )}
           </Field>
           {' '}