i hate nim

web/src/pages/Home/index.tsx

@@ -0,0 +1,73 @@
+import { useEffect, useState } from 'preact/hooks';
+
+type EntryBody = {
+	err: boolean;
+	referral: string;
+	key: string;
+}
+
+
+export const Home = () => {
+	const [referral, setReferral] = useState('');
+	const [entryBody, setEntryBody] = useState<EntryBody | null>({
+		err: true,
+		referral: '',
+		key: ''
+	});
+
+	useEffect(() => {
+		console.log('Referral:', referral);
+	}, [referral]);
+
+	const entry = async () => {
+		let res = await fetch("http://localhost:8080/entry", { 
+			method: 'GET',
+			headers: { referral }
+		})
+		
+		if (!res.ok) {
+			console.error('Error:', res.status);
+			return
+		}
+
+		let body: EntryBody = await res.json();
+
+		if (body.err) {
+			console.error('Error:', body.referral);
+			window.location.href = '/error';
+
+			return
+		}
+
+		console.log('Entry:', body);
+		
+		setEntryBody(body);
+
+		setReferral('');
+	}
+	
+	return (
+		<>
+			<h1>???</h1>
+			<div>
+				<span>
+					Referral: <input type="text" value={referral} onInput={(e) => setReferral(e.currentTarget.value)} />
+				</span>
+				<div>
+					<button onClick={async () => await entry()}>Submit</button>
+				</div>
+
+				<div>
+					{
+						!entryBody.err && (
+							<>
+								<h2>Key: {entryBody?.key}</h2>
+								<h2>Referral: {entryBody?.referral}</h2>
+							</>
+						)
+					}
+				</div>
+			</div>
+		</>
+	)
+};