From a4e1a89b5dc5118072d57990eead50505c55d6d8 Mon Sep 17 00:00:00 2001
From: Alistair Smith <hi@alistair.sh>
Date: Wed, 20 Sep 2023 23:33:03 +0100
Subject: [PATCH] prettier

---
 src/components/contact-form.tsx | 14 ++++++++---
 src/components/time.tsx         | 17 ++++++-------
 src/pages/404.tsx               |  8 ++++---
 src/pages/_app.tsx              |  6 ++---
 src/pages/index.tsx             | 42 ++++++++++++++++-----------------
 src/server/blog.ts              |  2 +-
 6 files changed, 47 insertions(+), 42 deletions(-)

diff --git a/src/components/contact-form.tsx b/src/components/contact-form.tsx
index 413dfa5..3f70d53 100644
--- a/src/components/contact-form.tsx
+++ b/src/components/contact-form.tsx
@@ -1,5 +1,5 @@
-import { Turnstile } from '@marsidev/react-turnstile';
-import { useState } from 'react';
+import {Turnstile} from '@marsidev/react-turnstile';
+import {useState} from 'react';
 import toast from 'react-hot-toast';
 
 export function ContactForm() {
@@ -59,7 +59,15 @@ export function ContactForm() {
 				</label>
 
 				<label htmlFor="body">
-					<textarea id="body" name="body" rows={5} minLength={10} required placeholder="Your message" className="w-full resize-y" />
+					<textarea
+						id="body"
+						name="body"
+						rows={5}
+						minLength={10}
+						required
+						placeholder="Your message"
+						className="w-full resize-y"
+					/>
 				</label>
 
 				<Turnstile
diff --git a/src/components/time.tsx b/src/components/time.tsx
index 1b0f64d..cf0767c 100644
--- a/src/components/time.tsx
+++ b/src/components/time.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
-import { motion } from 'framer-motion';
-import { useEffect, useRef, useState } from 'react';
-import { UKTimeFormatter, daysUntilBirthday } from '../utils/constants';
+import {motion} from 'framer-motion';
+import {useEffect, useRef, useState} from 'react';
+import {UKTimeFormatter, daysUntilBirthday} from '../utils/constants';
 
 function Night({time}: {time: Date}) {
 	const canvasRef = useRef<HTMLCanvasElement | null>(null);
@@ -40,10 +40,7 @@ function Night({time}: {time: Date}) {
 			/>
 
 			<div className="z-10 text-center">
-				<h2
-					className={clsx('text-2xl font-light text-glow-sky-900 dark:text-glow-sky-500')}
-					suppressHydrationWarning
-				>
+				<h2 className={clsx('text-2xl font-light text-glow-sky-900 dark:text-glow-sky-500')} suppressHydrationWarning>
 					{UKTimeFormatter.format(time)}
 				</h2>
 
@@ -59,8 +56,8 @@ function Day({time}: {time: Date}) {
 			<div className="flex w-full items-center justify-center">
 				<div className="opacity-85 flex items-baseline space-x-1 md:space-x-2">
 					<div className="flex flex-col">
-						<h2 className="font-light text-2xl text-white">{UKTimeFormatter.format(time)}</h2>
-						
+						<h2 className="text-2xl font-light text-white">{UKTimeFormatter.format(time)}</h2>
+
 						<p
 							className={clsx('text-center text-xs font-light', 'text-white text-glow-sky-900 dark:text-glow-sky-500')}
 						>
@@ -119,7 +116,7 @@ export function Time() {
 	}, []);
 
 	return (
-		<div className="col-span-3 grid grid-cols-1 gap-6 md:col-span-1 shrink-0 [&_>_div]:shrink-0">
+		<div className="col-span-3 grid shrink-0 grid-cols-1 gap-6 md:col-span-1 [&_>_div]:shrink-0">
 			{isNight ? <Night time={time} /> : <Day time={time} />}
 
 			<div className="flex items-center justify-center rounded-2xl bg-indigo-100 text-indigo-500 dark:bg-[#23224c] dark:text-indigo-400">
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index d50f38c..89ce5b7 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,13 +1,15 @@
-import Link from "next/link";
+import Link from 'next/link';
 
 export default function Page404() {
 	return (
-		<main className="mx-auto max-w-3xl px-6 pb-40 pt-16 space-y-2">
+		<main className="mx-auto max-w-3xl space-y-2 px-6 pb-40 pt-16">
 			<p className="font-title text-3xl">404</p>
 			<p>Sorry, I couldn't locate that page for ya</p>
 
 			<div>
-				<Link href="/" className="px-2 py-1 rounded-full bg-pink-500">↖ home</Link>
+				<Link href="/" className="rounded-full bg-pink-500 px-2 py-1">
+					↖ home
+				</Link>
 			</div>
 		</main>
 	);
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index a8dbfde..4b4a7d7 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,10 +1,10 @@
 import '../globals.css';
 
-import type { AppProps } from 'next/app';
-import { Newsreader } from 'next/font/google';
+import type {AppProps} from 'next/app';
+import {Newsreader} from 'next/font/google';
 import font from 'next/font/local';
 import Head from 'next/head';
-import { Toaster } from 'react-hot-toast';
+import {Toaster} from 'react-hot-toast';
 
 const title = Newsreader({
 	subsets: ['latin'],
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index dcef76c..5dcd390 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import dayjs from 'dayjs';
-import type { GetStaticProps } from 'next';
+import type {GetStaticProps} from 'next';
 import Link from 'next/link';
-import { HiOutlineExternalLink } from 'react-icons/hi';
+import {HiOutlineExternalLink} from 'react-icons/hi';
 import {
 	SiAmazonaws,
 	SiBabel,
@@ -25,21 +25,21 @@ import {
 	SiWebpack,
 	SiWebstorm,
 	SiX,
-	SiYarn
+	SiYarn,
 } from 'react-icons/si';
-import type { Data } from 'use-lanyard';
-import { ContactForm } from '../components/contact-form';
-import { CardHoverEffect, hoverClassName } from '../components/hover-card';
-import { Time } from '../components/time';
-import { useUpdatingLanyard } from '../hooks/lanyard';
+import type {Data} from 'use-lanyard';
+import {ContactForm} from '../components/contact-form';
+import {CardHoverEffect, hoverClassName} from '../components/hover-card';
+import {Time} from '../components/time';
+import {useUpdatingLanyard} from '../hooks/lanyard';
 import matrix from '../images/matrix.gif';
 import me from '../images/me.jpg';
-import { getMapURL } from '../server/apple-maps';
-import { PartialBlogPost, getRecentBlogPosts } from '../server/blog';
-import { env } from '../server/env';
-import { getLanyard } from '../server/lanyard';
-import { age, discordId } from '../utils/constants';
-import { formatList } from '../utils/lists';
+import {getMapURL} from '../server/apple-maps';
+import {PartialBlogPost, getRecentBlogPosts} from '../server/blog';
+import {env} from '../server/env';
+import {getLanyard} from '../server/lanyard';
+import {age, discordId} from '../utils/constants';
+import {formatList} from '../utils/lists';
 
 export interface Props {
 	lanyard: Data;
@@ -75,10 +75,10 @@ export default function Home(props: Props) {
 
 	return (
 		<main className="mx-auto grid max-w-3xl grid-cols-6 gap-6 px-6 pb-40 pt-16">
-			<div className="col-span-4 flex flex-col justify-between overflow-hidden rounded-2xl bg-pink-200 px-8 py-8 dark:border-pink-500 dark:bg-pink-500/20 dark:shadow-none dark:backdrop-blur-2xl md:col-span-4 h-52">
+			<div className="col-span-4 flex h-52 flex-col justify-between overflow-hidden rounded-2xl bg-pink-200 px-8 py-8 dark:border-pink-500 dark:bg-pink-500/20 dark:shadow-none dark:backdrop-blur-2xl md:col-span-4">
 				<div className="flex">
 					<Link
-						className="flex items-center justify-center rounded-full bg-pink-300 dark:bg-pink-500/25 px-2 py-0.5"
+						className="flex items-center justify-center rounded-full bg-pink-300 px-2 py-0.5 dark:bg-pink-500/25"
 						href="https://alistair.blog"
 						target="_blank"
 						rel="noopener noreferrer"
@@ -89,9 +89,7 @@ export default function Home(props: Props) {
 
 				<div className="space-y-4">
 					<div>
-						<h1 className="text-xl text-pink-900 dark:text-pink-300 dark:text-glow-pink-500/50">
-							Alistair Smith
-						</h1>
+						<h1 className="text-xl text-pink-900 dark:text-pink-300 dark:text-glow-pink-500/50">Alistair Smith</h1>
 
 						<p className="text-pink-600 dark:text-pink-300/80 dark:text-glow-pink-500/50">
 							{age} y/o full stack typescript engineer
@@ -106,7 +104,7 @@ export default function Home(props: Props) {
 					target="_blank"
 					rel="noopener noreferrer"
 					className={clsx(
-						'flex h-full items-center justify-center rounded-2xl bg-neutral-200 dark:bg-neutral-800 text-4xl text-black dark:text-white',
+						'flex h-full items-center justify-center rounded-2xl bg-neutral-200 text-4xl text-black dark:bg-neutral-800 dark:text-white',
 						hoverClassName,
 					)}
 				>
@@ -221,7 +219,7 @@ export default function Home(props: Props) {
 						<span className="absolute inset-0 -z-10">
 							<img
 								src={lanyard.spotify.album_art_url}
-								className="absolute inset-0 h-full w-full bg-black object-cover object-center brightness-50 transition-all duration-500 will-change-[transform,_filter] scale-[1.15] group-hover:scale-[1.35] group-hover:brightness-[0.4]"
+								className="absolute inset-0 h-full w-full scale-[1.15] bg-black object-cover object-center brightness-50 transition-all duration-500 will-change-[transform,_filter] group-hover:scale-[1.35] group-hover:brightness-[0.4]"
 								alt="Album cover art"
 							/>
 						</span>
@@ -257,7 +255,7 @@ export default function Home(props: Props) {
 			<div className="group relative col-span-3 flex h-full min-h-[13rem] flex-shrink-0 overflow-hidden rounded-2xl">
 				<img
 					src={props.map}
-					className="absolute scale-[1.25] inset-0 h-full w-full bg-black object-cover object-center"
+					className="absolute inset-0 h-full w-full scale-[1.25] bg-black object-cover object-center"
 					alt="A map locating roughly where I am right now"
 				/>
 
diff --git a/src/server/blog.ts b/src/server/blog.ts
index 864c89a..d5612b8 100644
--- a/src/server/blog.ts
+++ b/src/server/blog.ts
@@ -1,4 +1,4 @@
-import { APIResponse } from 'nextkit';
+import {APIResponse} from 'nextkit';
 
 export interface PartialBlogPost {
 	name: string;