aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-04-18 11:30:28 +0200
committerlonkaars <l.leblansch@gmail.com>2021-04-18 11:30:28 +0200
commit5d964348d6b7af2b17d9838b1fe8b78d76a68cbc (patch)
tree124ba30e157de1aacac595da1ccc67c0409eaeb1
parent18652c6ff5e10208298bea67ffce6b4ed327c97d (diff)
dprint fmt
-rw-r--r--components/ui.tsx2
-rw-r--r--pages/index.tsx4
-rw-r--r--pages/search.tsx22
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>}