diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/logo.tsx | 1 | ||||
| -rw-r--r-- | components/navbar.tsx | 22 | ||||
| -rw-r--r-- | components/recentGames.tsx | 12 | ||||
| -rw-r--r-- | components/ui.tsx | 6 |
4 files changed, 22 insertions, 19 deletions
diff --git a/components/logo.tsx b/components/logo.tsx index 9faf43f..df35370 100644 --- a/components/logo.tsx +++ b/components/logo.tsx @@ -11,4 +11,3 @@ export default function Logo() { </div> ); } - diff --git a/components/navbar.tsx b/components/navbar.tsx index 932669d..7f6e694 100644 --- a/components/navbar.tsx +++ b/components/navbar.tsx @@ -55,7 +55,7 @@ export function NavBar() { }, []); return <div - className="navbar bg-800" + className='navbar bg-800' style={{ width: 48, height: '100%', @@ -73,28 +73,28 @@ export function NavBar() { zIndex: 2, }} > - <div className="item"> + <div className='item'> <Logo /> </div> - <a href='/' className="item"> + <a href='/' className='item'> <Home /> </a> - <a href='/game' className="item"> + <a href='/game' className='item'> <VideogameAssetIcon /> </a> - {false && <a href='/' className="item"> + {false && <a href='/' className='item'> <ExtensionIcon /> </a>} - <a href='/search' className="item"> + <a href='/search' className='item'> <SearchIcon /> </a> - <div className="bg-800 bottomArea"> + <div className='bg-800 bottomArea'> {loggedIn && <a - className="item" + className='item' style={{ overflow: 'visible', - position: 'relative' + position: 'relative', }} > <div @@ -120,12 +120,12 @@ export function NavBar() { rerender={getNotifications} /> </a>} - <a href={loggedIn ? '/user' : '/login'} className="item"> + <a href={loggedIn ? '/user' : '/login'} className='item'> {loggedIn ? <AccountAvatar size={24} round /> : <PersonIcon />} </a> - {loggedIn && <a href='/settings' className="item"> + {loggedIn && <a href='/settings' className='item'> <SettingsIcon /> </a>} </div> diff --git a/components/recentGames.tsx b/components/recentGames.tsx index 65c819a..d619eeb 100644 --- a/components/recentGames.tsx +++ b/components/recentGames.tsx @@ -29,11 +29,13 @@ function GameOutcome(props: { game: gameInfo; }) { }[props.game.status](); })(); return <td> - <span className={"outcome " + { - 'w': 'win', - 'l': 'lose', - 'd': 'draw', - }[props.game.outcome]}> + <span + className={'outcome ' + { + 'w': 'win', + 'l': 'lose', + 'd': 'draw', + }[props.game.outcome]} + > {gameStatus} </span> </td>; diff --git a/components/ui.tsx b/components/ui.tsx index db858a4..e2d19ad 100644 --- a/components/ui.tsx +++ b/components/ui.tsx @@ -17,7 +17,9 @@ export function Vierkant(props: { }) { return <a href={props.href} - className={["bg-800", "round-l", "pad-l", "vierkant", props.className, props.fullwidth && "fullwidth"].join(" ")} + className={['bg-800', 'round-l', 'pad-l', 'vierkant', props.className, props.fullwidth && 'fullwidth'].join( + ' ', + )} id={props.id} onClick={props.onclick} > @@ -38,7 +40,7 @@ export function Button(props: { onClick={props.onclick} href={props.href} id={props.id} - className={"button pad-s round-t " + props.className} + className={'button pad-s round-t ' + props.className} > {props.text ? <span> |