dprint fmt

2 files changed, 32 insertions, 32 deletions

diff --git a/components/ui.tsx b/components/ui.tsx
index f939456..6555813 100644
--- a/components/ui.tsx
+++ b/components/ui.tsx
@@ -57,12 +57,12 @@ export function IconLabelButton(props: {
 	return <Button
 		onclick={props.onclick}
 		href={props.href}
-		className={"iconlabel dispinbl valigntop floatr" + " " + props.className}
+		className={'iconlabel dispinbl valigntop floatr' + ' ' + props.className}
 	>
-		<div className="dispinbl icon">
+		<div className='dispinbl icon'>
 			{props.icon}
 		</div>
-		<span className="dispinbl valigntop label">
+		<span className='dispinbl valigntop label'>
 			{props.text}
 		</span>
 	</Button>;
@@ -171,14 +171,14 @@ export function CheckBox(props: {
 }
 
 export function ColorPicker() {
-	var [ dark, setDark ] = useState(false);
-	var [ color, setColor ] = useState("#012345");
+	var [dark, setDark] = useState(false);
+	var [color, setColor] = useState('#012345');
 
-	return <Button className="colorpicker dispinbl valigntop pad-s floatr">
+	return <Button className='colorpicker dispinbl valigntop pad-s floatr'>
 		<div>
 			<EditOutlinedIcon />
-			<div className="labelwrapper valigntop dispinbl center posrel">
-				<span className="label posabs">
+			<div className='labelwrapper valigntop dispinbl center posrel'>
+				<span className='label posabs'>
 					{color}
 				</span>
 			</div>
@@ -193,7 +193,7 @@ export function Tuitje() {
 		viewBox='0 0 36 12'
 		fill='none'
 		xmlns='http://www.w3.org/2000/svg'
-		className="tuitje posabs"
+		className='tuitje posabs'
 	>
 		<path
 			d='M18 12C24 12 27 0 36 0L0 0C9 0 12 12 18 12Z'
@@ -205,7 +205,7 @@ export function Tuitje() {
 export function Bubble(props: {
 	children?: ReactNode;
 }) {
-	return <Vierkant className="bubble posabs center drop-2">
+	return <Vierkant className='bubble posabs center drop-2'>
 		{props.children}
 		<Tuitje />
 	</Vierkant>;
diff --git a/pages/settings.tsx b/pages/settings.tsx
index e9fc5fa..9a09178 100644
--- a/pages/settings.tsx
+++ b/pages/settings.tsx
@@ -48,9 +48,9 @@ export default function SettingsPage() {
 			<NavBar />
 			<CenteredPage width={802}>
 				<PageTitle>Instellingen</PageTitle>
-				<Vierkant className="section account fullwidth pad-l">
+				<Vierkant className='section account fullwidth pad-l'>
 					<h2>Account</h2>
-					<div className="subsection">
+					<div className='subsection'>
 						<AccountAvatar size={100} />
 						<label htmlFor='pfUpload'>
 							<IconLabelButton text='Nieuwe profielfoto uploaden' icon={<PublishOutlinedIcon />} />
@@ -59,7 +59,7 @@ export default function SettingsPage() {
 							type='file'
 							id='pfUpload'
 							accept='.png,.jpg,.jpeg'
-							className="dispnone"
+							className='dispnone'
 							onChange={event => {
 								var file = event.target.files[0];
 								if (!file) return;
@@ -70,45 +70,45 @@ export default function SettingsPage() {
 							}}
 						/>
 					</div>
-					<div className="subsection">
+					<div className='subsection'>
 						<IconLabelButton text='Bewerken' icon={<EditOutlinedIcon />} />
-						<div className="dispbl">
+						<div className='dispbl'>
 							<h3>Gebruikersnaam</h3>
 							<p>Hier staat hij dan</p>
 						</div>
 					</div>
-					<div className="subsection">
+					<div className='subsection'>
 						<IconLabelButton text='Bewerken' icon={<EditOutlinedIcon />} />
 						<IconLabelButton text='Onthullen' icon={<VisibilityOutlinedIcon />} />
-						<div className="dispbl">
+						<div className='dispbl'>
 							<h3>Email</h3>
 							<p>******@example.com</p>
 						</div>
 					</div>
-					<div className="subsection">
+					<div className='subsection'>
 						<IconLabelButton text='Bewerken' icon={<EditOutlinedIcon />} />
-						<div className="dispbl">
+						<div className='dispbl'>
 							<h3>Wachtwoord</h3>
 						</div>
 					</div>
 				</Vierkant>
-				<Vierkant className="section colors fullwidth pad-l">
+				<Vierkant className='section colors fullwidth pad-l'>
 					<h2>Kleuren</h2>
-					<div className="subsection">
+					<div className='subsection'>
 						<ColorPicker />
 						<ColorPicker />
-						<div className="dispbl">
+						<div className='dispbl'>
 							<h3>Schijfjes</h3>
 						</div>
 					</div>
-					<div className="subsection">
+					<div className='subsection'>
 						<ColorPicker />
-						<div className="dispbl">
+						<div className='dispbl'>
 							<h3>Achtergrond</h3>
 						</div>
 					</div>
-					<div className="subsection">
-						<div className="floatr">
+					<div className='subsection'>
+						<div className='floatr'>
 							<CheckBox
 								state={preferences?.darkMode}
 								onclick={state => updatePreference({ 'darkMode': state })}
@@ -117,20 +117,20 @@ export default function SettingsPage() {
 						<h3>Donkere modus</h3>
 					</div>
 				</Vierkant>
-				<Vierkant className="section gamerules fullwidth pad-l">
+				<Vierkant className='section gamerules fullwidth pad-l'>
 					<h2>Standaard spelregels</h2>
-					<div className="subsection">
+					<div className='subsection'>
 						<CurrentGameSettings />
 					</div>
 				</Vierkant>
-				<Vierkant className="section logout fullwidth pad-l">
+				<Vierkant className='section logout fullwidth pad-l'>
 					<h2>Uitloggen</h2>
-					<div className="center">
+					<div className='center'>
 						<IconLabelButton
-							className="dispinbl"
+							className='dispinbl'
 							icon={<ExitToAppOutlinedIcon />}
 							text='Uitloggen'
-							href="/logout"
+							href='/logout'
 						/>
 					</div>
 				</Vierkant>