kenneth/space
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Normalize disabled property name

Browse Source
This commit is contained in:
Kenneth Allen 2021-10-25 17:45:19 +11:00
parent 7ebe9b4b23
commit 7423e948d0
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/wonders-client/src/components/App/App.tsx
View File

@ -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>
{' '}

6
packages/wonders-client/src/components/UserSelector/UserSelector.tsx
View File

@ -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 => {