diff options
| -rw-r--r-- | components/ui.tsx | 2 | ||||
| -rw-r--r-- | pages/index.tsx | 4 | ||||
| -rw-r--r-- | pages/search.tsx | 22 |
3 files changed, 14 insertions, 14 deletions
diff --git a/components/ui.tsx b/components/ui.tsx index 60b80f4..89e8ffe 100644 --- a/components/ui.tsx +++ b/components/ui.tsx @@ -105,7 +105,7 @@ export function Input(props: { placeholder={props.label} spellCheck={false} defaultValue={props.value ? String(props.value) : ''} - className={"input" + " " + (props.dark ? 'dark' : 'light') + " " + props.className} + className={'input' + ' ' + (props.dark ? 'dark' : 'light') + ' ' + props.className} autoComplete={props.autocomplete} autoFocus={props.autofocus} />; diff --git a/pages/index.tsx b/pages/index.tsx index b5f4b50..9f63229 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -114,10 +114,10 @@ export default function HomePage() { </Vierkant> </div> {loggedIn - && <Vierkant className="fullwidth pad-l"> + && <Vierkant className='fullwidth pad-l'> <RecentGames games={gameInfo?.games} /> </Vierkant>} - <Vierkant className="fullwidth pad-l"> + <Vierkant className='fullwidth pad-l'> <h2>Nieuws ofzo</h2> <p style={{ margin: '6px 0' }}>Chess.com heeft heel veel troep waar niemand naar kijkt</p> </Vierkant> diff --git a/pages/search.tsx b/pages/search.tsx index 90f1f67..6e52865 100644 --- a/pages/search.tsx +++ b/pages/search.tsx @@ -24,21 +24,21 @@ function search(callback: (results: Array<userInfo>) => void) { } function SearchResults(props: { userList: Array<userInfo>; }) { - return <div className="results"> + return <div className='results'> {props.userList?.map(user => <SearchResult user={user} key={user.id} />)} </div>; } function SearchResult(props: { user: userInfo; }) { return <Vierkant - className="result pad-m fullwidth" + className='result pad-m fullwidth' href={'/user?id=' + props.user.id} > - <div className="inner posrel"> + <div className='inner posrel'> <AccountAvatar size={48} id={props.user.id} /> - <div className="userInfo posabs v0 r0"> - <b className="username">{props.user.username}</b> - <p className="status">{props.user.status}</p> + <div className='userInfo posabs v0 r0'> + <b className='username'>{props.user.username}</b> + <p className='status'>{props.user.status}</p> </div> </div> </Vierkant>; @@ -47,22 +47,22 @@ function SearchResult(props: { user: userInfo; }) { function SearchBar(props: { searchFunction: (event?: FormEvent<HTMLFormElement>) => void; }) { - return <Vierkant className="pad-m fullwidth searchBar"> + return <Vierkant className='pad-m fullwidth searchBar'> <form onSubmit={props.searchFunction}> <Input id='searchBar' label='Zoeken voor gebruikers...' autocomplete='off' autofocus - className="pad-m" + className='pad-m' /> <Button - className="pad-m dispinbl valigntop" + className='pad-m dispinbl valigntop' onclick={props.searchFunction} > <SearchOutlinedIcon /> </Button> - <input type='submit' className="dispnone" /> + <input type='submit' className='dispnone' /> </form> </Vierkant>; } @@ -83,7 +83,7 @@ export default function HomePage() { <SearchBar searchFunction={getSearchResults} /> <SearchResults userList={results} /> {searched && results.length == 0 && <h1 - className="noresults center subtile" + className='noresults center subtile' > Geen zoekresultaten gevonden </h1>} |