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'> return <div className='wonder-outer'>
<div className='wonder-top-bar'> <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> <div>
<button onClick={loadSample} disabled={!state}>Load sample</button> <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', 'Tutankhamen',
] ]
export default function UserSelector({ users, user, selectUser, removeUser, locked }: { export default function UserSelector({ users, user, selectUser, removeUser, disabled }: {
users: string[], user?: string, selectUser: Dispatch<string | undefined>, removeUser: () => void, locked: boolean users: string[], user?: string, selectUser: Dispatch<string | undefined>, removeUser: () => void, disabled?: boolean
}) { }) {
const [namePlaceholder] = useState(() => sample(namePlaceholders)) const [namePlaceholder] = useState(() => sample(namePlaceholders))
return <div> return <div>
{user {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 : <Formik
initialValues={{ newUser: '' }} initialValues={{ newUser: '' }}
validate={values => { validate={values => {