dprint fmt

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>