From 7423e948d0ca5aaf395b29a2de20e8e6235522e2 Mon Sep 17 00:00:00 2001
From: Kenneth Allen <kenneth@mostly.me>
Date: Mon, 25 Oct 2021 17:45:19 +1100
Subject: [PATCH] Normalize disabled property name

---
 packages/wonders-client/src/components/App/App.tsx          | 2 +-
 .../src/components/UserSelector/UserSelector.tsx            | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/wonders-client/src/components/App/App.tsx b/packages/wonders-client/src/components/App/App.tsx
index 078b0f6..36cd903 100644
--- a/packages/wonders-client/src/components/App/App.tsx
+++ b/packages/wonders-client/src/components/App/App.tsx
@@ -37,7 +37,7 @@ export default function App() {
 
   return <div className='wonder-outer'>
     <div className='wonder-top-bar'>
-      <UserSelector user={user} selectUser={selectUser} removeUser={removeUser} users={state?.players.map(p => p.name) ?? []} locked={state !== undefined && state.stage !== 'starting'} />
+      <UserSelector user={user} selectUser={selectUser} removeUser={removeUser} users={state?.players.map(p => p.name) ?? []} disabled={state !== undefined && state.stage !== 'starting'} />
       <div>
         <button onClick={loadSample} disabled={!state}>Load sample</button>
         {' '}
diff --git a/packages/wonders-client/src/components/UserSelector/UserSelector.tsx b/packages/wonders-client/src/components/UserSelector/UserSelector.tsx
index d4144e8..bc439ad 100644
--- a/packages/wonders-client/src/components/UserSelector/UserSelector.tsx
+++ b/packages/wonders-client/src/components/UserSelector/UserSelector.tsx
@@ -14,13 +14,13 @@ const namePlaceholders = [
   'Tutankhamen',
 ]
 
-export default function UserSelector({ users, user, selectUser, removeUser, locked }: {
-  users: string[], user?: string, selectUser: Dispatch<string | undefined>, removeUser: () => void, locked: boolean
+export default function UserSelector({ users, user, selectUser, removeUser, disabled }: {
+  users: string[], user?: string, selectUser: Dispatch<string | undefined>, removeUser: () => void, disabled?: boolean
 }) {
   const [namePlaceholder] = useState(() => sample(namePlaceholders))
   return <div>
     {user
-      ? <>Playing as {user} <button onClick={() => selectUser(undefined)}>Change</button> <button onClick={removeUser} disabled={locked}>Remove</button></>
+      ? <>Playing as {user} <button onClick={() => selectUser(undefined)}>Change</button> <button onClick={removeUser} disabled={disabled}>Remove</button></>
       : <Formik
         initialValues={{ newUser: '' }}
         validate={values => {