From c8af4f3f4e968fb3a52a36c5e2b54a245b5744c1 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 10:58:11 +0200
Subject: [PATCH 01/13] feat: implement waitlist

---
 apps/landing/package.json                     |   2 +
 apps/landing/src/components/HomeCTA.tsx       | 237 +++++++++++++-----
 .../interface/src/components/icons/Alert.tsx  |  26 ++
 .../interface/src/components/icons/Info.tsx   |  26 ++
 pnpm-lock.yaml                                | Bin 637747 -> 619932 bytes
 5 files changed, 231 insertions(+), 60 deletions(-)
 create mode 100644 packages/interface/src/components/icons/Alert.tsx
 create mode 100644 packages/interface/src/components/icons/Info.tsx

diff --git a/apps/landing/package.json b/apps/landing/package.json
index 7ba04d9cc..0adef90bb 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -12,6 +12,7 @@
 		"@headlessui/react": "^1.6.4",
 		"@heroicons/react": "^1.0.6",
 		"@icons-pack/react-simple-icons": "^4.7.0",
+		"@radix-ui/react-context-menu": "^0.1.6",
 		"@sd/client": "workspace:*",
 		"@sd/core": "workspace:*",
 		"@sd/interface": "workspace:*",
@@ -25,6 +26,7 @@
 		"phosphor-react": "^1.4.1",
 		"prismjs": "^1.28.0",
 		"react": "^18.1.0",
+		"react-canvas-confetti": "^1.3.0",
 		"react-device-detect": "^2.2.2",
 		"react-dom": "^18.1.0",
 		"react-helmet": "^6.1.0",
diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index f3300d872..41e7e3836 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -1,86 +1,203 @@
-import { Apple, Github, Linux, Windows } from '@icons-pack/react-simple-icons';
+import { Github } from '@icons-pack/react-simple-icons';
 import { Button, Input } from '@sd/ui';
-// import clsx from 'clsx';
-import React, { useEffect } from 'react';
-import { useState } from 'react';
+import clsx from 'clsx';
+import React, { FormEvent, useState } from 'react';
+import ReactCanvasConfetti from 'react-canvas-confetti';
+
+import { Alert } from '../../../../packages/interface/src/components/icons/Alert';
+import { Info } from '../../../../packages/interface/src/components/icons/Info';
 
 export function HomeCTA() {
-	// const [showWaitlistInput, setShowWaitlistInput] = useState(false);
-	// const [waitlistEmail, setWaitlistEmail] = useState('');
+	const [showWaitlistInput, setShowWaitlistInput] = useState(false);
+	const [loading, setLoading] = useState(false);
+	const [waitlistError, setWaitlistError] = useState('');
+	const [waitlistSubmitted, setWaitlistSubmitted] = useState(false);
+	const [waitlistEmail, setWaitlistEmail] = useState('');
+	const [fire, setFire] = useState<boolean | number>(false);
+
+	async function handleWaitlistSubmit(e: FormEvent<HTMLFormElement>) {
+		e.preventDefault();
+		if (!waitlistEmail.trim().length) return;
+
+		setLoading(true);
+
+		const req = await fetch('https://waitlist-api.spacedrive.com/api/waitlist', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				email: waitlistEmail
+			})
+		});
+
+		if (req.status === 200) {
+			setWaitlistError('');
+			setFire(Math.random());
+			setWaitlistSubmitted(true);
+			setLoading(false);
+		} else if (req.status >= 400 && req.status < 500) {
+			const res = await req.json();
+			setWaitlistError(res.message);
+
+			// Remove error after a few seconds
+			setTimeout(() => {
+				setWaitlistError('');
+			}, 5000);
+		}
+
+		setLoading(false);
+	}
+
 	return (
 		<>
+			<ReactCanvasConfetti
+				fire={fire}
+				angle={44}
+				className="absolute top-48"
+				colors={['#26ccff', '#a25afd']}
+				decay={0.8}
+				drift={1}
+				gravity={1}
+				origin={{
+					x: 0.5,
+					y: 0.5
+				}}
+				particleCount={55}
+				resize
+				scalar={1}
+				shapes={['circle', 'square']}
+				spread={360}
+				startVelocity={45}
+				ticks={600}
+				useWorker
+				zIndex={-1}
+			/>
 			<div className="z-30 flex flex-row items-center h-10 space-x-4 animation-delay-2 fade-in">
-				{/* {showWaitlistInput ? ( */}
-				{/* <>
+				{!showWaitlistInput ? (
+					<>
 						<Button
 							onClick={() => setShowWaitlistInput(true)}
 							className="z-30 border-0 cursor-pointer"
 							variant="primary"
 						>
 							Join Waitlist
-						</Button> */}
-				<Button
-					href="https://github.com/spacedriveapp/spacedrive"
-					target="_blank"
-					className="z-30 cursor-pointer"
-					variant="gray"
-				>
-					<Github className="inline w-5 h-5 -mt-[4px] -ml-1 mr-2" fill="white" />
-					Star on GitHub
-				</Button>
-				{/* </>
+						</Button>
+						<Button
+							href="https://github.com/spacedriveapp/spacedrive"
+							target="_blank"
+							className="z-30 cursor-pointer"
+							variant="gray"
+						>
+							<Github className="inline w-5 h-5 -mt-[4px] -ml-1 mr-2" fill="white" />
+							Star on GitHub
+						</Button>
+					</>
 				) : (
-					<form
-						onSubmit={(e) => {
-							e.preventDefault();
-							fetch('https://waitlist-api.spacedrive.com/api/expression-of-interest', {
-								method: 'POST',
-								headers: {
-									'Content-Type': 'application/json'
-								},
-								body: JSON.stringify({
-									email: waitlistEmail
-								})
-							});
-						}}
-					>
-						<div className="flex flex-row">
-							<Input
-								type="email"
-								name="email"
-								autoFocus
-								value={waitlistEmail}
-								onChange={(e) => setWaitlistEmail(e.target.value)}
-								placeholder="Enter your email"
-								className="rounded-r-none"
-							/>
-							<Button
-								onClick={() => setShowWaitlistInput(true)}
-								className="z-30 border-0 rounded-l-none cursor-pointer"
-								variant="primary"
-								type="submit"
-							>
-								Submit
-							</Button>
+					<form onSubmit={handleWaitlistSubmit}>
+						<div className="flex flex-col justify-center">
+							{(waitlistError || waitlistSubmitted) && (
+								<div
+									className={clsx({
+										'flex flex-row items-center bg-opacity-20 border-2 my-2 px-2 rounded-md': true,
+										'bg-red-800 border-red-900': waitlistError,
+										'bg-green-800 border-green-900': !waitlistError,
+										'-mt-2': waitlistSubmitted
+									})}
+								>
+									{waitlistError ? (
+										<Alert className="fill-red-500 w-5 mr-1" />
+									) : (
+										<Info className="fill-green-500 w-5 mr-1" />
+									)}
+									<p
+										className={clsx({
+											'text-sm': true,
+											'text-red-500': waitlistError,
+											'text-green-500': !waitlistError
+										})}
+									>
+										{waitlistError || 'You have been added to the waitlist'}
+									</p>
+								</div>
+							)}
+							<div className={'flex flex-row'}>
+								<Input
+									type="email"
+									name="email"
+									autoFocus
+									value={waitlistEmail}
+									autoComplete="off"
+									onChange={(e) => setWaitlistEmail(e.target.value)}
+									placeholder="Enter your email"
+									className={clsx({
+										'hidden': waitlistSubmitted,
+										'rounded-r-none': !waitlistSubmitted
+									})}
+									disabled={waitlistSubmitted}
+								/>
+								{!waitlistSubmitted && (
+									<Button
+										onClick={() => setShowWaitlistInput(true)}
+										className={clsx('z-30 border-0 rounded-l-none cursor-pointer', {
+											'opacity-50 cursor-default': loading
+										})}
+										disabled={loading}
+										variant="primary"
+										type="submit"
+									>
+										{loading ? (
+											<svg
+												role="status"
+												className="w-6 h-6 text-white text-opacity-40 animate-spin fill-white"
+												viewBox="0 0 100 101"
+												fill="none"
+												xmlns="http://www.w3.org/2000/svg"
+											>
+												<path
+													d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+													fill="currentColor"
+												></path>
+												<path
+													d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+													fill="currentFill"
+												></path>
+											</svg>
+										) : (
+											'Submit'
+										)}
+									</Button>
+								)}
+							</div>
 						</div>
 					</form>
 				)}
-					*/}
 			</div>
-			<p className="z-30 px-6 mt-3 text-sm text-center text-gray-450 animation-delay-3 fade-in">
-				{/* {showWaitlistInput ? (
+			<p
+				className={clsx('z-30 px-6 text-sm text-center text-gray-450 animation-delay-3 fade-in', {
+					'mt-10': waitlistError,
+					'mt-3': !waitlistError
+				})}
+			>
+				{showWaitlistInput ? (
 					<>
 						We'll keep your place in the queue for early access.
 						<br />
 						<br />
 					</>
+				) : waitlistSubmitted ? (
+					<>
+						You have been added to the waitlist.
+						<br />
+						<br />
+					</>
 				) : (
-					<>*/}
-				Coming soon on macOS, Windows and Linux.
-				<br />
-				Shortly after to iOS & Android.
-				{/* )}
-				</p>*/}
+					<>
+						Coming soon on macOS, Windows and Linux.
+						<br />
+						Shortly after to iOS & Android.
+					</>
+				)}
 			</p>
 		</>
 	);
diff --git a/packages/interface/src/components/icons/Alert.tsx b/packages/interface/src/components/icons/Alert.tsx
new file mode 100644
index 000000000..ec8773c88
--- /dev/null
+++ b/packages/interface/src/components/icons/Alert.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+interface AlertProps {
+	/**
+	 * Add additional classes to the SVG element
+	 */
+	className?: string;
+}
+
+export function Alert(props: AlertProps) {
+	return (
+		<svg
+			className={props.className}
+			width="32"
+			height="32"
+			viewBox="0 0 32 32"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9934 12.5542 27.6216 9.25145 25.1851 6.81491C22.7486 4.37837 19.4458 3.00661 16 3ZM15 10C15 9.73478 15.1054 9.48043 15.2929 9.29289C15.4804 9.10536 15.7348 9 16 9C16.2652 9 16.5196 9.10536 16.7071 9.29289C16.8946 9.48043 17 9.73478 17 10V17C17 17.2652 16.8946 17.5196 16.7071 17.7071C16.5196 17.8946 16.2652 18 16 18C15.7348 18 15.4804 17.8946 15.2929 17.7071C15.1054 17.5196 15 17.2652 15 17V10ZM16 23C15.7033 23 15.4133 22.912 15.1667 22.7472C14.92 22.5824 14.7277 22.3481 14.6142 22.074C14.5007 21.7999 14.471 21.4983 14.5288 21.2074C14.5867 20.9164 14.7296 20.6491 14.9393 20.4393C15.1491 20.2296 15.4164 20.0867 15.7074 20.0288C15.9983 19.9709 16.2999 20.0007 16.574 20.1142C16.8481 20.2277 17.0824 20.42 17.2472 20.6666C17.412 20.9133 17.5 21.2033 17.5 21.5C17.5 21.8978 17.342 22.2794 17.0607 22.5607C16.7794 22.842 16.3978 23 16 23Z"
+				fill="fill-current"
+			/>
+		</svg>
+	);
+}
diff --git a/packages/interface/src/components/icons/Info.tsx b/packages/interface/src/components/icons/Info.tsx
new file mode 100644
index 000000000..82a388eee
--- /dev/null
+++ b/packages/interface/src/components/icons/Info.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+interface InfoProps {
+	/**
+	 * Add additional classes to the SVG element
+	 */
+	className?: string;
+}
+
+export function Info(props: InfoProps) {
+	return (
+		<svg
+			className={props.className}
+			width="32"
+			height="32"
+			viewBox="0 0 32 32"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9934 12.5542 27.6216 9.25145 25.1851 6.81491C22.7486 4.37837 19.4458 3.00661 16 3ZM15.75 9C16.0467 9 16.3367 9.08797 16.5834 9.2528C16.83 9.41762 17.0223 9.65189 17.1358 9.92597C17.2494 10.2001 17.2791 10.5017 17.2212 10.7926C17.1633 11.0836 17.0204 11.3509 16.8107 11.5607C16.6009 11.7704 16.3336 11.9133 16.0426 11.9712C15.7517 12.0291 15.4501 11.9994 15.176 11.8858C14.9019 11.7723 14.6676 11.58 14.5028 11.3334C14.338 11.0867 14.25 10.7967 14.25 10.5C14.25 10.1022 14.408 9.72064 14.6893 9.43934C14.9706 9.15804 15.3522 9 15.75 9ZM17 23H16C15.7348 23 15.4804 22.8946 15.2929 22.7071C15.1054 22.5196 15 22.2652 15 22V16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14H16C16.2652 14 16.5196 14.1054 16.7071 14.2929C16.8946 14.4804 17 14.7348 17 15V21C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23Z"
+				fill="fill-current"
+			/>
+		</svg>
+	);
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ce8730b5aba2548e1584d547609f6bf71ea02a6e..e7e90045ca5a404c6fa19beeea4890f2e9223066 100644
GIT binary patch
delta 18450
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

delta 26566
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


From 409ebc0acdb124b913381f0d6200546c1df54a22 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 10:59:20 +0200
Subject: [PATCH 02/13] chore: remove radix from landing

---
 apps/landing/package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/landing/package.json b/apps/landing/package.json
index 0adef90bb..fba03a22f 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -12,7 +12,6 @@
 		"@headlessui/react": "^1.6.4",
 		"@heroicons/react": "^1.0.6",
 		"@icons-pack/react-simple-icons": "^4.7.0",
-		"@radix-ui/react-context-menu": "^0.1.6",
 		"@sd/client": "workspace:*",
 		"@sd/core": "workspace:*",
 		"@sd/interface": "workspace:*",

From 8fdcb0c1a43ebecc802a0b8d525dd38f7fca8558 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 11:40:40 +0200
Subject: [PATCH 03/13] chore: implement unsubscribe from waitlist on landing

---
 apps/landing/src/components/Bubbles.tsx |  4 +--
 apps/landing/src/pages/index.tsx        | 44 +++++++++++++++++++++----
 2 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/apps/landing/src/components/Bubbles.tsx b/apps/landing/src/components/Bubbles.tsx
index 1e6ff5030..0ecd0c9cf 100644
--- a/apps/landing/src/components/Bubbles.tsx
+++ b/apps/landing/src/components/Bubbles.tsx
@@ -4,12 +4,12 @@ import { loadFull } from 'tsparticles';
 
 export const Bubbles = () => {
 	const particlesInit = async (main: any) => {
-		console.log(main);
+		// console.log(main);
 		await loadFull(main);
 	};
 
 	const particlesLoaded = (container: any) => {
-		console.log(container);
+		// console.log(container);
 	};
 
 	return (
diff --git a/apps/landing/src/pages/index.tsx b/apps/landing/src/pages/index.tsx
index de26c2974..77db7d322 100644
--- a/apps/landing/src/pages/index.tsx
+++ b/apps/landing/src/pages/index.tsx
@@ -1,15 +1,11 @@
-import { Apple, Github, Linux, Windows } from '@icons-pack/react-simple-icons';
-import { Button, Input } from '@sd/ui';
 import clsx from 'clsx';
-import React, { useEffect } from 'react';
-import { useState } from 'react';
+import React, { useEffect, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
 
+import { Info } from '../../../../packages/interface/src/components/icons/Info';
 import AppEmbed from '../components/AppEmbed';
 import { Bubbles } from '../components/Bubbles';
-import { Footer } from '../components/Footer';
 import HomeCTA from '../components/HomeCTA';
-import NavBar from '../components/NavBar';
-import NewBanner from '../components/NewBanner';
 
 interface SectionProps {
 	orientation: 'left' | 'right';
@@ -44,6 +40,29 @@ function Section(props: SectionProps = { orientation: 'left' }) {
 }
 
 function Page() {
+	const [searchParams, setSearchParams] = useSearchParams();
+	const [unsubscribedFromWaitlist, setUnsubscribedFromWaitlist] = useState(false);
+
+	useEffect(() => {
+		if (!window) return;
+
+		const cuid = searchParams.get('wunsub');
+		if (!cuid) return;
+
+		(async () => {
+			const req = await fetch(`https://waitlist-api.spacedrive.com/api/waitlist?i=${cuid}`, {
+				method: 'DELETE'
+			});
+
+			if (req.status === 200) {
+				setUnsubscribedFromWaitlist(true);
+				window.history.replaceState({}, '', 'https://spacedrive.com/');
+			} else if (req.status >= 400 && req.status < 500) {
+				alert('An error occurred while unsubscribing from waitlist');
+			}
+		})();
+	}, []);
+
 	return (
 		<>
 			<div className="mt-22 lg:mt-28" id="content" aria-hidden="true" />
@@ -53,6 +72,17 @@ function Page() {
 				href="https://spacedrive.hashnode.dev/spacedrive-funding-announcement"
 				link="Read post"
 			/> */}
+			{unsubscribedFromWaitlist && (
+				<div
+					className={
+						'-mt-8 flex flex-row items-center bg-opacity-20 border-2 my-2 px-2 rounded-md bg-green-800 border-green-900'
+					}
+				>
+					<Info className="fill-green-500 w-5 mr-1" />
+					<p className={'text-sm text-green-500'}>You have been unsubscribed from the waitlist</p>
+				</div>
+			)}
+
 			<h1 className="z-30 px-2 mb-3 text-4xl font-black leading-tight text-center fade-in-heading md:text-6xl">
 				A file explorer from the future.
 			</h1>

From 4975963d9e4ce5af7177b1ba9e834c5e6c499dc0 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 12:05:33 +0200
Subject: [PATCH 04/13] build: attempt to fix build error

---
 pnpm-lock.yaml | Bin 619932 -> 619828 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e7e90045ca5a404c6fa19beeea4890f2e9223066..37a5856a7298b7e58baa13f997eaa96c65dcb269 100644
GIT binary patch
delta 87
zcmbR9T6N1S)eSp1Hb3QPWu3f0Rb=uUah}QLEd9+1{Ot++j6lo;#LPg<0>rF9%m&2l
iK+Lf{fuA!#Vse47;PkQ{CfDg3WI1`ZvuSWn^92B3+8h%A

delta 106
zcmdn;N_Ea_)eSp1rq9{NC^)@gH6!cfOFGh<_i!|_PG7K|QEc){1O3U{IQS;d6Pw@s
zg0KArA0rSm0WmWWvj8zG5VHX>I}mehf5FEYA~F4l2B+ra4fcxDWmPzNw$D@NoaPGv
DTqr5M


From 0d71e1f613a055126f764411ceba7e84714b2061 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 12:14:28 +0200
Subject: [PATCH 05/13] chore: add env vars for local dev

---
 apps/landing/package.json               |   1 +
 apps/landing/src/components/HomeCTA.tsx |   5 ++++-
 apps/landing/src/pages/index.tsx        |  15 +++++++++++++--
 apps/landing/tsconfig.json              |  12 +++++++++---
 pnpm-lock.yaml                          | Bin 619828 -> 619066 bytes
 5 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/apps/landing/package.json b/apps/landing/package.json
index fba03a22f..bed4a5713 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -37,6 +37,7 @@
 	"devDependencies": {
 		"@babel/preset-react": "^7.17.12",
 		"@types/lodash": "^4.14.182",
+		"@types/node": "^17.0.36",
 		"@types/prismjs": "^1.26.0",
 		"@types/react": "^18.0.9",
 		"@types/react-dom": "^18.0.5",
diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index 41e7e3836..57897eec7 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -15,13 +15,16 @@ export function HomeCTA() {
 	const [waitlistEmail, setWaitlistEmail] = useState('');
 	const [fire, setFire] = useState<boolean | number>(false);
 
+	const prod = process.env.NODE_ENV === 'production';
+	const url = prod ? 'https://waitlist-api.spacedrive.com' : 'http://localhost:3000';
+
 	async function handleWaitlistSubmit(e: FormEvent<HTMLFormElement>) {
 		e.preventDefault();
 		if (!waitlistEmail.trim().length) return;
 
 		setLoading(true);
 
-		const req = await fetch('https://waitlist-api.spacedrive.com/api/waitlist', {
+		const req = await fetch(`${url}/api/waitlist`, {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json'
diff --git a/apps/landing/src/pages/index.tsx b/apps/landing/src/pages/index.tsx
index 77db7d322..ffebc9946 100644
--- a/apps/landing/src/pages/index.tsx
+++ b/apps/landing/src/pages/index.tsx
@@ -50,13 +50,24 @@ function Page() {
 		if (!cuid) return;
 
 		(async () => {
-			const req = await fetch(`https://waitlist-api.spacedrive.com/api/waitlist?i=${cuid}`, {
+			const prod = process.env.NODE_ENV === 'production';
+			const url = prod ? 'https://waitlist-api.spacedrive.com' : 'http://localhost:3000';
+
+			const req = await fetch(`${url}/api/waitlist?i=${cuid}`, {
 				method: 'DELETE'
 			});
 
 			if (req.status === 200) {
 				setUnsubscribedFromWaitlist(true);
-				window.history.replaceState({}, '', 'https://spacedrive.com/');
+				window.history.replaceState(
+					{},
+					'',
+					prod ? 'https://spacedrive.com' : 'http://localhost:8003'
+				);
+
+				setTimeout(() => {
+					setUnsubscribedFromWaitlist(false);
+				}, 5000);
 			} else if (req.status >= 400 && req.status < 500) {
 				alert('An error occurred while unsubscribing from waitlist');
 			}
diff --git a/apps/landing/tsconfig.json b/apps/landing/tsconfig.json
index 168f12434..fb53fe0cf 100644
--- a/apps/landing/tsconfig.json
+++ b/apps/landing/tsconfig.json
@@ -1,5 +1,11 @@
 {
-	"extends": "../../packages/config/interface.tsconfig.json",
-	"compilerOptions": {},
-	"include": ["src"]
+    "extends": "../../packages/config/interface.tsconfig.json",
+    "compilerOptions": {
+        "types": [
+            "node"
+        ]
+    },
+    "include": [
+        "src"
+    ]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 37a5856a7298b7e58baa13f997eaa96c65dcb269..6581e2d055a652091d3fe9628dbff00a0afa0e1f 100644
GIT binary patch
delta 93
zcmdn;N_E#0)eR>&ryr1HW1rk9C%O3)=UH|TPjvd5U`CG3(*?B|CpSqNPb+6)oBUs!
oyZMh$`yU}jAZ7w$W*}w(Vpbq#17h~=e}p&+s<*G6$kF*20R4R?KmY&$

delta 106
zcmdn>M0Lw6)eR>&H$US%&%XJRpf=<5kKIfXlRG7proWfv6rB8nhp#z7xIICb5r~<9
zm>Gy!fS47C*?^dRdx9`WVD<E-Vs_K*ANn|ynWndRGYd{X@5IS5-E$(xq3uiiIHo=Z
E0DLwl4*&oF


From afbe8a60a82a281b9c1b390b57bf981c8d69a78d Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 15:42:55 +0200
Subject: [PATCH 06/13] refactor: moved svg to own file and import using svgr

---
 apps/landing/src/components/HomeCTA.tsx       | 18 ++----------------
 packages/interface/src/assets/svg/spinner.svg | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 16 deletions(-)
 create mode 100644 packages/interface/src/assets/svg/spinner.svg

diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index 57897eec7..7b3af0932 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -4,6 +4,7 @@ import clsx from 'clsx';
 import React, { FormEvent, useState } from 'react';
 import ReactCanvasConfetti from 'react-canvas-confetti';
 
+import { ReactComponent as Spinner } from '../../../../packages/interface/src/assets/svg/spinner.svg';
 import { Alert } from '../../../../packages/interface/src/components/icons/Alert';
 import { Info } from '../../../../packages/interface/src/components/icons/Info';
 
@@ -150,22 +151,7 @@ export function HomeCTA() {
 										type="submit"
 									>
 										{loading ? (
-											<svg
-												role="status"
-												className="w-6 h-6 text-white text-opacity-40 animate-spin fill-white"
-												viewBox="0 0 100 101"
-												fill="none"
-												xmlns="http://www.w3.org/2000/svg"
-											>
-												<path
-													d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
-													fill="currentColor"
-												></path>
-												<path
-													d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
-													fill="currentFill"
-												></path>
-											</svg>
+											<Spinner className="w-6 h-6 text-white text-opacity-40 animate-spin fill-white" />
 										) : (
 											'Submit'
 										)}
diff --git a/packages/interface/src/assets/svg/spinner.svg b/packages/interface/src/assets/svg/spinner.svg
new file mode 100644
index 000000000..edc640391
--- /dev/null
+++ b/packages/interface/src/assets/svg/spinner.svg
@@ -0,0 +1,15 @@
+<svg
+    role="status"
+    viewBox="0 0 100 101"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+        fill="currentColor"
+    ></path>
+    <path
+        d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+        fill="currentFill"
+    ></path>
+</svg>

From 53cba7a2259a2edf3534427f45701da1bb708d86 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 15:54:38 +0200
Subject: [PATCH 07/13] refactor: move alert and info to svgr

---
 apps/landing/src/components/HomeCTA.tsx       |  4 +--
 apps/landing/src/pages/index.tsx              |  2 +-
 packages/interface/src/assets/svg/alert.svg   | 12 +++++++++
 packages/interface/src/assets/svg/info.svg    | 12 +++++++++
 .../interface/src/components/icons/Alert.tsx  | 26 -------------------
 .../interface/src/components/icons/Info.tsx   | 26 -------------------
 6 files changed, 27 insertions(+), 55 deletions(-)
 create mode 100644 packages/interface/src/assets/svg/alert.svg
 create mode 100644 packages/interface/src/assets/svg/info.svg
 delete mode 100644 packages/interface/src/components/icons/Alert.tsx
 delete mode 100644 packages/interface/src/components/icons/Info.tsx

diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index 7b3af0932..50ecdfc93 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import React, { FormEvent, useState } from 'react';
 import ReactCanvasConfetti from 'react-canvas-confetti';
 
+import { ReactComponent as Alert } from '../../../../packages/interface/src/assets/svg/Alert.svg';
+import { ReactComponent as Info } from '../../../../packages/interface/src/assets/svg/info.svg';
 import { ReactComponent as Spinner } from '../../../../packages/interface/src/assets/svg/spinner.svg';
-import { Alert } from '../../../../packages/interface/src/components/icons/Alert';
-import { Info } from '../../../../packages/interface/src/components/icons/Info';
 
 export function HomeCTA() {
 	const [showWaitlistInput, setShowWaitlistInput] = useState(false);
diff --git a/apps/landing/src/pages/index.tsx b/apps/landing/src/pages/index.tsx
index ffebc9946..cb1b21976 100644
--- a/apps/landing/src/pages/index.tsx
+++ b/apps/landing/src/pages/index.tsx
@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
 
-import { Info } from '../../../../packages/interface/src/components/icons/Info';
+import { ReactComponent as Info } from '../../../../packages/interface/src/assets/svg/info.svg';
 import AppEmbed from '../components/AppEmbed';
 import { Bubbles } from '../components/Bubbles';
 import HomeCTA from '../components/HomeCTA';
diff --git a/packages/interface/src/assets/svg/alert.svg b/packages/interface/src/assets/svg/alert.svg
new file mode 100644
index 000000000..d1d48e78b
--- /dev/null
+++ b/packages/interface/src/assets/svg/alert.svg
@@ -0,0 +1,12 @@
+<svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9934 12.5542 27.6216 9.25145 25.1851 6.81491C22.7486 4.37837 19.4458 3.00661 16 3ZM15 10C15 9.73478 15.1054 9.48043 15.2929 9.29289C15.4804 9.10536 15.7348 9 16 9C16.2652 9 16.5196 9.10536 16.7071 9.29289C16.8946 9.48043 17 9.73478 17 10V17C17 17.2652 16.8946 17.5196 16.7071 17.7071C16.5196 17.8946 16.2652 18 16 18C15.7348 18 15.4804 17.8946 15.2929 17.7071C15.1054 17.5196 15 17.2652 15 17V10ZM16 23C15.7033 23 15.4133 22.912 15.1667 22.7472C14.92 22.5824 14.7277 22.3481 14.6142 22.074C14.5007 21.7999 14.471 21.4983 14.5288 21.2074C14.5867 20.9164 14.7296 20.6491 14.9393 20.4393C15.1491 20.2296 15.4164 20.0867 15.7074 20.0288C15.9983 19.9709 16.2999 20.0007 16.574 20.1142C16.8481 20.2277 17.0824 20.42 17.2472 20.6666C17.412 20.9133 17.5 21.2033 17.5 21.5C17.5 21.8978 17.342 22.2794 17.0607 22.5607C16.7794 22.842 16.3978 23 16 23Z"
+        fill="fill-current"
+    />
+</svg>
diff --git a/packages/interface/src/assets/svg/info.svg b/packages/interface/src/assets/svg/info.svg
new file mode 100644
index 000000000..bc8c844b9
--- /dev/null
+++ b/packages/interface/src/assets/svg/info.svg
@@ -0,0 +1,12 @@
+<svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9934 12.5542 27.6216 9.25145 25.1851 6.81491C22.7486 4.37837 19.4458 3.00661 16 3ZM15.75 9C16.0467 9 16.3367 9.08797 16.5834 9.2528C16.83 9.41762 17.0223 9.65189 17.1358 9.92597C17.2494 10.2001 17.2791 10.5017 17.2212 10.7926C17.1633 11.0836 17.0204 11.3509 16.8107 11.5607C16.6009 11.7704 16.3336 11.9133 16.0426 11.9712C15.7517 12.0291 15.4501 11.9994 15.176 11.8858C14.9019 11.7723 14.6676 11.58 14.5028 11.3334C14.338 11.0867 14.25 10.7967 14.25 10.5C14.25 10.1022 14.408 9.72064 14.6893 9.43934C14.9706 9.15804 15.3522 9 15.75 9ZM17 23H16C15.7348 23 15.4804 22.8946 15.2929 22.7071C15.1054 22.5196 15 22.2652 15 22V16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14H16C16.2652 14 16.5196 14.1054 16.7071 14.2929C16.8946 14.4804 17 14.7348 17 15V21C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23Z"
+        fill="fill-current"
+    />
+</svg>
diff --git a/packages/interface/src/components/icons/Alert.tsx b/packages/interface/src/components/icons/Alert.tsx
deleted file mode 100644
index ec8773c88..000000000
--- a/packages/interface/src/components/icons/Alert.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-interface AlertProps {
-	/**
-	 * Add additional classes to the SVG element
-	 */
-	className?: string;
-}
-
-export function Alert(props: AlertProps) {
-	return (
-		<svg
-			className={props.className}
-			width="32"
-			height="32"
-			viewBox="0 0 32 32"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9934 12.5542 27.6216 9.25145 25.1851 6.81491C22.7486 4.37837 19.4458 3.00661 16 3ZM15 10C15 9.73478 15.1054 9.48043 15.2929 9.29289C15.4804 9.10536 15.7348 9 16 9C16.2652 9 16.5196 9.10536 16.7071 9.29289C16.8946 9.48043 17 9.73478 17 10V17C17 17.2652 16.8946 17.5196 16.7071 17.7071C16.5196 17.8946 16.2652 18 16 18C15.7348 18 15.4804 17.8946 15.2929 17.7071C15.1054 17.5196 15 17.2652 15 17V10ZM16 23C15.7033 23 15.4133 22.912 15.1667 22.7472C14.92 22.5824 14.7277 22.3481 14.6142 22.074C14.5007 21.7999 14.471 21.4983 14.5288 21.2074C14.5867 20.9164 14.7296 20.6491 14.9393 20.4393C15.1491 20.2296 15.4164 20.0867 15.7074 20.0288C15.9983 19.9709 16.2999 20.0007 16.574 20.1142C16.8481 20.2277 17.0824 20.42 17.2472 20.6666C17.412 20.9133 17.5 21.2033 17.5 21.5C17.5 21.8978 17.342 22.2794 17.0607 22.5607C16.7794 22.842 16.3978 23 16 23Z"
-				fill="fill-current"
-			/>
-		</svg>
-	);
-}
diff --git a/packages/interface/src/components/icons/Info.tsx b/packages/interface/src/components/icons/Info.tsx
deleted file mode 100644
index 82a388eee..000000000
--- a/packages/interface/src/components/icons/Info.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-interface InfoProps {
-	/**
-	 * Add additional classes to the SVG element
-	 */
-	className?: string;
-}
-
-export function Info(props: InfoProps) {
-	return (
-		<svg
-			className={props.className}
-			width="32"
-			height="32"
-			viewBox="0 0 32 32"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9934 12.5542 27.6216 9.25145 25.1851 6.81491C22.7486 4.37837 19.4458 3.00661 16 3ZM15.75 9C16.0467 9 16.3367 9.08797 16.5834 9.2528C16.83 9.41762 17.0223 9.65189 17.1358 9.92597C17.2494 10.2001 17.2791 10.5017 17.2212 10.7926C17.1633 11.0836 17.0204 11.3509 16.8107 11.5607C16.6009 11.7704 16.3336 11.9133 16.0426 11.9712C15.7517 12.0291 15.4501 11.9994 15.176 11.8858C14.9019 11.7723 14.6676 11.58 14.5028 11.3334C14.338 11.0867 14.25 10.7967 14.25 10.5C14.25 10.1022 14.408 9.72064 14.6893 9.43934C14.9706 9.15804 15.3522 9 15.75 9ZM17 23H16C15.7348 23 15.4804 22.8946 15.2929 22.7071C15.1054 22.5196 15 22.2652 15 22V16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14H16C16.2652 14 16.5196 14.1054 16.7071 14.2929C16.8946 14.4804 17 14.7348 17 15V21C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23Z"
-				fill="fill-current"
-			/>
-		</svg>
-	);
-}

From 8aeff222b968df8063ba3d60d93a794ce7b5ac88 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 16:03:28 +0200
Subject: [PATCH 08/13] refactor: remove unused code

---
 apps/landing/src/components/Bubbles.tsx | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/apps/landing/src/components/Bubbles.tsx b/apps/landing/src/components/Bubbles.tsx
index 0ecd0c9cf..0aa50f2f4 100644
--- a/apps/landing/src/components/Bubbles.tsx
+++ b/apps/landing/src/components/Bubbles.tsx
@@ -4,22 +4,15 @@ import { loadFull } from 'tsparticles';
 
 export const Bubbles = () => {
 	const particlesInit = async (main: any) => {
-		// console.log(main);
 		await loadFull(main);
 	};
 
-	const particlesLoaded = (container: any) => {
-		// console.log(container);
-	};
-
 	return (
 		//@ts-ignore
 		<Particles
 			id="tsparticles"
 			className="absolute z-0"
 			init={particlesInit}
-			//@ts-ignore
-			loaded={particlesLoaded}
 			options={{
 				fpsLimit: 120,
 				interactivity: {

From 11e4a5d9637134a457ff1af0e9eded6b3eaba62a Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 16:07:59 +0200
Subject: [PATCH 09/13] build: solve incorrect path

---
 apps/landing/src/components/HomeCTA.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index 50ecdfc93..d5c119037 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import React, { FormEvent, useState } from 'react';
 import ReactCanvasConfetti from 'react-canvas-confetti';
 
-import { ReactComponent as Alert } from '../../../../packages/interface/src/assets/svg/Alert.svg';
+import { ReactComponent as Alert } from '../../../../packages/interface/src/assets/svg/alert.svg';
 import { ReactComponent as Info } from '../../../../packages/interface/src/assets/svg/info.svg';
 import { ReactComponent as Spinner } from '../../../../packages/interface/src/assets/svg/spinner.svg';
 

From 3bd7b630280c7e503ea68260c3a0b31ff2007b5b Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 16:18:10 +0200
Subject: [PATCH 10/13] refactor: switch from process.env to import.meta.env

---
 apps/landing/src/components/HomeCTA.tsx | 2 +-
 apps/landing/src/pages/index.tsx        | 2 +-
 apps/landing/tsconfig.json              | 6 +-----
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index d5c119037..24a74ad76 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -16,7 +16,7 @@ export function HomeCTA() {
 	const [waitlistEmail, setWaitlistEmail] = useState('');
 	const [fire, setFire] = useState<boolean | number>(false);
 
-	const prod = process.env.NODE_ENV === 'production';
+	const prod = import.meta.env.NODE_ENV === 'production';
 	const url = prod ? 'https://waitlist-api.spacedrive.com' : 'http://localhost:3000';
 
 	async function handleWaitlistSubmit(e: FormEvent<HTMLFormElement>) {
diff --git a/apps/landing/src/pages/index.tsx b/apps/landing/src/pages/index.tsx
index cb1b21976..c60f7a90b 100644
--- a/apps/landing/src/pages/index.tsx
+++ b/apps/landing/src/pages/index.tsx
@@ -50,7 +50,7 @@ function Page() {
 		if (!cuid) return;
 
 		(async () => {
-			const prod = process.env.NODE_ENV === 'production';
+			const prod = import.meta.env.NODE_ENV === 'production';
 			const url = prod ? 'https://waitlist-api.spacedrive.com' : 'http://localhost:3000';
 
 			const req = await fetch(`${url}/api/waitlist?i=${cuid}`, {
diff --git a/apps/landing/tsconfig.json b/apps/landing/tsconfig.json
index fb53fe0cf..ab7e2dd54 100644
--- a/apps/landing/tsconfig.json
+++ b/apps/landing/tsconfig.json
@@ -1,10 +1,6 @@
 {
     "extends": "../../packages/config/interface.tsconfig.json",
-    "compilerOptions": {
-        "types": [
-            "node"
-        ]
-    },
+    "compilerOptions": {},
     "include": [
         "src"
     ]

From 8b0c0f101052db3232fa98e357532193a523d221 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 16:39:44 +0200
Subject: [PATCH 11/13] perf: add react-hook-form to reduce re-renders

---
 apps/landing/package.json               |  1 +
 apps/landing/src/components/HomeCTA.tsx | 30 ++++++++++++++++---------
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/apps/landing/package.json b/apps/landing/package.json
index bed4a5713..ec58883db 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -29,6 +29,7 @@
 		"react-device-detect": "^2.2.2",
 		"react-dom": "^18.1.0",
 		"react-helmet": "^6.1.0",
+		"react-hook-form": "^7.31.3",
 		"react-router-dom": "6.3.0",
 		"react-tsparticles": "^2.0.6",
 		"simple-icons": "^7.0.0",
diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index 24a74ad76..2a6c79654 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -3,25 +3,37 @@ import { Button, Input } from '@sd/ui';
 import clsx from 'clsx';
 import React, { FormEvent, useState } from 'react';
 import ReactCanvasConfetti from 'react-canvas-confetti';
+import { SubmitHandler, useForm } from 'react-hook-form';
 
 import { ReactComponent as Alert } from '../../../../packages/interface/src/assets/svg/alert.svg';
 import { ReactComponent as Info } from '../../../../packages/interface/src/assets/svg/info.svg';
 import { ReactComponent as Spinner } from '../../../../packages/interface/src/assets/svg/spinner.svg';
 
+interface WaitlistInputs {
+	email: string;
+}
+
 export function HomeCTA() {
-	const [showWaitlistInput, setShowWaitlistInput] = useState(false);
+	const {
+		register,
+		handleSubmit,
+		watch,
+		formState: { errors }
+	} = useForm<WaitlistInputs>();
+
 	const [loading, setLoading] = useState(false);
+	const [showWaitlistInput, setShowWaitlistInput] = useState(false);
 	const [waitlistError, setWaitlistError] = useState('');
 	const [waitlistSubmitted, setWaitlistSubmitted] = useState(false);
-	const [waitlistEmail, setWaitlistEmail] = useState('');
 	const [fire, setFire] = useState<boolean | number>(false);
 
 	const prod = import.meta.env.NODE_ENV === 'production';
 	const url = prod ? 'https://waitlist-api.spacedrive.com' : 'http://localhost:3000';
 
-	async function handleWaitlistSubmit(e: FormEvent<HTMLFormElement>) {
-		e.preventDefault();
-		if (!waitlistEmail.trim().length) return;
+	async function handleWaitlistSubmit<SubmitHandler>({ email }: WaitlistInputs) {
+		if (!email.trim().length) return;
+
+		console.log('email', email);
 
 		setLoading(true);
 
@@ -31,7 +43,7 @@ export function HomeCTA() {
 				'Content-Type': 'application/json'
 			},
 			body: JSON.stringify({
-				email: waitlistEmail
+				email
 			})
 		});
 
@@ -98,7 +110,7 @@ export function HomeCTA() {
 						</Button>
 					</>
 				) : (
-					<form onSubmit={handleWaitlistSubmit}>
+					<form onSubmit={handleSubmit(handleWaitlistSubmit)}>
 						<div className="flex flex-col justify-center">
 							{(waitlistError || waitlistSubmitted) && (
 								<div
@@ -127,12 +139,10 @@ export function HomeCTA() {
 							)}
 							<div className={'flex flex-row'}>
 								<Input
+									{...register('email')}
 									type="email"
-									name="email"
 									autoFocus
-									value={waitlistEmail}
 									autoComplete="off"
-									onChange={(e) => setWaitlistEmail(e.target.value)}
 									placeholder="Enter your email"
 									className={clsx({
 										'hidden': waitlistSubmitted,

From 5e3f950bd0fdb961cae4932d4e2f53bb642153d0 Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 16:40:53 +0200
Subject: [PATCH 12/13] refactor: remove unused vars

---
 apps/landing/src/components/HomeCTA.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx
index 2a6c79654..f7bb61e21 100644
--- a/apps/landing/src/components/HomeCTA.tsx
+++ b/apps/landing/src/components/HomeCTA.tsx
@@ -14,12 +14,7 @@ interface WaitlistInputs {
 }
 
 export function HomeCTA() {
-	const {
-		register,
-		handleSubmit,
-		watch,
-		formState: { errors }
-	} = useForm<WaitlistInputs>();
+	const { register, handleSubmit } = useForm<WaitlistInputs>();
 
 	const [loading, setLoading] = useState(false);
 	const [showWaitlistInput, setShowWaitlistInput] = useState(false);

From a7acb9316354185b85cbaaf4546b8e74e3fe302d Mon Sep 17 00:00:00 2001
From: Benjamin Akar <benjaminakar2001@gmail.com>
Date: Sat, 4 Jun 2022 16:42:11 +0200
Subject: [PATCH 13/13] refactor: allow forwarading refs onto input so we can
 use react-hook-form

---
 packages/ui/src/Input.tsx |   5 +++--
 pnpm-lock.yaml            | Bin 619066 -> 619449 bytes
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/Input.tsx b/packages/ui/src/Input.tsx
index 86313bb75..dc2d8e063 100644
--- a/packages/ui/src/Input.tsx
+++ b/packages/ui/src/Input.tsx
@@ -33,9 +33,10 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 	variant?: keyof typeof variants;
 }
 
-export const Input = ({ ...props }: InputProps) => {
+export const Input = React.forwardRef<HTMLInputElement, InputProps>(({ ...props }, ref) => {
 	return (
 		<input
+			ref={ref}
 			{...props}
 			className={clsx(
 				`px-3 py-1 rounded-md border leading-7 outline-none shadow-xs focus:ring-2 transition-all`,
@@ -44,7 +45,7 @@ export const Input = ({ ...props }: InputProps) => {
 			)}
 		/>
 	);
-};
+});
 
 interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaElement> {
 	variant?: keyof typeof variants;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6581e2d055a652091d3fe9628dbff00a0afa0e1f..f3ccd5144400ebf960b09524ca7072282e6c8803 100644
GIT binary patch
delta 246
zcmdn>M0MwL)eZN!g);K<vvt$*i*l_L;>`7o4fTvSU*!J4B8Vgo5uVO?m{EHAg6Zt6
zliz6=PyWNr+srQ5&MwFZ#7scU48$xz%nHP8+t~%#z4Q5?M(aaO*m#)HDAX@3D#bZG
zEYmYQA|fIu&^W6iEYQQiuhcKCJRr@&QQyG3tkk)p$k(#4q9nkuFfzY5EyyUUG$pa9
zD$}hf%-`8OH6%1CJSo>O#KgZc(z(3MGCz3w#|uny%z8#flMfauPTwHNBs#s%o6%_c
Tg4yh%?Eww!+XEUnUVQ`ruAx#G

delta 75
zcmdn_Ty@tI)eZN!r_0S`XWPuobC(6onrxwIJXxBDw>eO-Jy4Jlh?#(x8Hibcm=%cG
Vwg(Ebd*`=bY-Hblv617&M*z_$8GQf%