From 732d6d2ede5339e1d41fd87edd2db9ace35ac965 Mon Sep 17 00:00:00 2001
From: Dan Reeves <hey@danreev.es>
Date: Wed, 27 Dec 2023 21:02:43 +0000
Subject: [PATCH] remove heroicons, add note & disable login page

---
 app/img/steam_logo.svg                        |   1 +
 app/img/xbox_logo.svg                         |   2 +
 app/layout.tsx                                |  12 +-
 app/routes/_pages.login.tsx                   | 127 +++++-----
 app/routes/_pages.settings.tsx                |   4 +-
 app/routes/armoury.$character.contracts.tsx   |   6 +-
 .../armoury.$character.inventory.$item.tsx    | 225 ------------------
 app/routes/armoury.traits.tsx                 |   4 +-
 app/routes/armoury.tsx                        |   8 +-
 app/routes/mission-board._index.tsx           |   7 +-
 package-lock.json                             |   9 -
 package.json                                  |   1 -
 server/server.ts                              |  23 +-
 13 files changed, 105 insertions(+), 324 deletions(-)
 create mode 100644 app/img/steam_logo.svg
 create mode 100644 app/img/xbox_logo.svg
 delete mode 100644 app/routes/armoury.$character.inventory.$item.tsx

diff --git a/app/img/steam_logo.svg b/app/img/steam_logo.svg
new file mode 100644
index 0000000..2e839c5
--- /dev/null
+++ b/app/img/steam_logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 65 65" fill="#fff"><use xlink:href="#B" x=".5" y=".5"/><defs><linearGradient id="A" x2="50%" x1="50%" y2="100%" y1="0%"><stop stop-color="#111d2e" offset="0%"/><stop stop-color="#051839" offset="21.2%"/><stop stop-color="#0a1b48" offset="40.7%"/><stop stop-color="#132e62" offset="58.1%"/><stop stop-color="#144b7e" offset="73.8%"/><stop stop-color="#136497" offset="87.3%"/><stop stop-color="#1387b8" offset="100%"/></linearGradient></defs><symbol id="B"><g><path d="M1.305 41.202C5.259 54.386 17.488 64 31.959 64c17.673 0 32-14.327 32-32s-14.327-32-32-32C15.001 0 1.124 13.193.028 29.874c2.074 3.477 2.879 5.628 1.275 11.328z" fill="url(#A)"/><path d="M30.31 23.985l.003.158-7.83 11.375c-1.268-.058-2.54.165-3.748.662a8.14 8.14 0 0 0-1.498.8L.042 29.893s-.398 6.546 1.26 11.424l12.156 5.016c.6 2.728 2.48 5.12 5.242 6.27a8.88 8.88 0 0 0 11.603-4.782 8.89 8.89 0 0 0 .684-3.656L42.18 36.16l.275.005c6.705 0 12.155-5.466 12.155-12.18s-5.44-12.16-12.155-12.174c-6.702 0-12.155 5.46-12.155 12.174zm-1.88 23.05c-1.454 3.5-5.466 5.147-8.953 3.694a6.84 6.84 0 0 1-3.524-3.362l3.957 1.64a5.04 5.04 0 0 0 6.591-2.719 5.05 5.05 0 0 0-2.715-6.601l-4.1-1.695c1.578-.6 3.372-.62 5.05.077 1.7.703 3 2.027 3.696 3.72s.692 3.56-.01 5.246M42.466 32.1a8.12 8.12 0 0 1-8.098-8.113 8.12 8.12 0 0 1 8.098-8.111 8.12 8.12 0 0 1 8.1 8.111 8.12 8.12 0 0 1-8.1 8.113m-6.068-8.126a6.09 6.09 0 0 1 6.08-6.095c3.355 0 6.084 2.73 6.084 6.095a6.09 6.09 0 0 1-6.084 6.093 6.09 6.09 0 0 1-6.081-6.093z"/></g></symbol></svg>
\ No newline at end of file
diff --git a/app/img/xbox_logo.svg b/app/img/xbox_logo.svg
new file mode 100644
index 0000000..3a16b88
--- /dev/null
+++ b/app/img/xbox_logo.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="88" height="88"><title>Xbox Logo</title><path fill="#107c10" d="M39.73 86.91c-6.628-.635-13.338-3.015-19.102-6.776-4.83-3.15-5.92-4.447-5.92-7.032 0-5.193 5.71-14.29 15.48-24.658 5.547-5.89 13.275-12.79 14.11-12.604 1.626.363 14.616 13.034 19.48 19 7.69 9.43 11.224 17.154 9.428 20.597-1.365 2.617-9.837 7.733-16.06 9.698-5.13 1.62-11.867 2.306-17.416 1.775zM8.184 67.703c-4.014-6.158-6.042-12.22-7.02-20.988-.324-2.895-.21-4.55.733-10.494 1.173-7.4 5.39-15.97 10.46-21.24 2.158-2.24 2.35-2.3 4.982-1.41 3.19 1.08 6.6 3.436 11.89 8.22l3.09 2.794-1.69 2.07c-7.828 9.61-16.09 23.24-19.2 31.67-1.69 4.58-2.37 9.18-1.64 11.095.49 1.294.04.812-1.61-1.714zm70.453 1.047c.397-1.936-.105-5.49-1.28-9.076-2.545-7.765-11.054-22.21-18.867-32.032l-2.46-3.092 2.662-2.443c3.474-3.19 5.886-5.1 8.49-6.723 2.053-1.28 4.988-2.413 6.25-2.413.777 0 3.516 2.85 5.726 5.95 3.424 4.8 5.942 10.63 7.218 16.69.825 3.92.894 12.3.133 16.21-.63 3.208-1.95 7.366-3.23 10.187-.97 2.113-3.36 6.218-4.41 7.554-.54.687-.54.686-.24-.796zM40.44 11.505C36.834 9.675 31.272 7.71 28.2 7.18c-1.076-.185-2.913-.29-4.08-.23-2.536.128-2.423-.004 1.643-1.925 3.38-1.597 6.2-2.536 10.03-3.34C40.098.78 48.193.77 52.43 1.663c4.575.965 9.964 2.97 13 4.84l.904.554-2.07-.104C60.148 6.745 54.15 8.408 47.71 11.54c-1.942.946-3.63 1.7-3.754 1.68-.123-.024-1.706-.795-3.52-1.715z"/></svg>
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index e8cb76d..bf32461 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,4 @@
 import { Disclosure } from "@headlessui/react"
-import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline"
 import { Link, NavLink, Outlet } from "@remix-run/react"
 import type { User } from "./services/auth.server"
 import { ThemeToggle } from "~/components/ThemeToggle"
@@ -11,6 +10,7 @@ import {
 	DropdownMenuContent,
 	DropdownMenuItem,
 } from "~/components/ui/dropdown-menu"
+import { X, Menu } from "lucide-react"
 
 const navigation = [
 	{ name: "Armoury", href: "/armoury" },
@@ -112,15 +112,9 @@ export default function Layout({ user }: { user: User | null }) {
 											>
 												<span className="sr-only">Open main menu</span>
 												{open ? (
-													<XMarkIcon
-														className="block h-6 w-6"
-														aria-hidden="true"
-													/>
+													<X className="block h-6 w-6" aria-hidden="true" />
 												) : (
-													<Bars3Icon
-														className="block h-6 w-6"
-														aria-hidden="true"
-													/>
+													<Menu className="block h-6 w-6" aria-hidden="true" />
 												)}
 											</Disclosure.Button>
 										</div>
diff --git a/app/routes/_pages.login.tsx b/app/routes/_pages.login.tsx
index 9e28273..c4bd18d 100644
--- a/app/routes/_pages.login.tsx
+++ b/app/routes/_pages.login.tsx
@@ -1,5 +1,9 @@
 import { json } from "@remix-run/node"
+import { Link } from "@remix-run/react"
+import { AlertTriangle } from "lucide-react"
 import { Button } from "~/components/ui/button"
+import steamLogo from "~/img/steam_logo.svg"
+import xboxLogo from "~/img/xbox_logo.svg"
 
 export const loader = async () => {
 	return json({ title: "Sign In" })
@@ -7,64 +11,77 @@ export const loader = async () => {
 
 export default function LogIn() {
 	return (
-		<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
-			<div className="rounded-lg border bg-card text-card-foreground shadow-sm p-4">
-				<h2 className="mb-2 font-heading text-lg">Sign In with</h2>
+		<>
+			<div
+				className="flex rounded-lg bg-yellow-100 p-4 text-sm text-yellow-700 mb-4 max-w-3xl mx-auto"
+				role="alert"
+			>
+				<AlertTriangle className="mr-3 inline h-5 w-5" aria-hidden="true" />
+				<div>
+					<p className="font-medium">No longer accepting sign ups!</p>
+					<p>
+						FatShark have made changes that prevent the DTAuth mod from working,
+						so the site will be disabled until a new authentication method is
+						available. The{" "}
+						<Link className="underline" to="/extension">
+							Armoury Exchange Extension
+						</Link>{" "}
+						is still working and available.
+					</p>
+				</div>
+			</div>
+			<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
+				<div className="rounded-lg border bg-card text-card-foreground shadow-sm p-4">
+					<h2 className="mb-2 font-heading text-lg">Sign In with</h2>
 
-				<div className="mb-6 mt-6 flex items-center gap-4">
-					<Button variant="outline" asChild>
-						<a className="flex-grow" href="/auth/steam">
-							<SteamIcon className="color-black dark:invert h-4 w-4 mr-2" />{" "}
-							Steam
-						</a>
-					</Button>
+					<div className="mb-6 mt-6 flex items-center gap-4">
+						<Button variant="outline" disabled className="flex-grow">
+							{/* <a className="flex-grow" href="/auth/steam"> */}
+							<>
+								<img alt="" src={steamLogo} className="h-4 w-4 mr-1" /> Steam
+							</>
+							{/* </a> */}
+						</Button>
 
-					<Button variant="outline" disabled className="flex-grow">
-						Xbox (Coming Soon)
-					</Button>
-				</div>
+						<Button variant="outline" disabled className="flex-grow">
+							<img alt="" src={xboxLogo} className="h-4 w-4 mr-1" /> Xbox
+						</Button>
+					</div>
 
-				<h2 className="mb-2 font-heading text-lg">Disclaimer</h2>
-				<p className="mb-6">
-					This website is not affiliated with or endorsed by Fatshark. This
-					website uses unofficial access to your account and has full permission
-					to it. Use at your own risk. This website has <strong>no</strong>{" "}
-					access to your Steam or Xbox account, only your Darktide account.
-				</p>
-			</div>
-			<div className="rounded-lg border bg-card text-card-foreground shadow-sm p-4">
-				<h2 className="mb-2 font-heading text-lg">Why?</h2>
-				<p className="mb-6">
-					Sign in with your account and then authorise using the{" "}
-					<a
-						className="underline"
-						href="https://www.nexusmods.com/warhammer40kdarktide/mods/178"
-					>
-						DTAuth mod
-					</a>{" "}
-					to enable managing your account from this website.{" "}
-				</p>
-				<p className="font-bold">Features:</p>
-				<ul className="mb-6 ml-5 list-square">
-					<li>Use the weapon shops!</li>
-					<li>Track and reroll your contracts!</li>
-					<li>View the mission board! Mission ID history</li>
-					<li>Manage your inventories, loadouts & builds</li>
-					<li>Notifications or auto-purchasing items</li>
-				</ul>
+					<h2 className="mb-2 font-heading text-lg">Disclaimer</h2>
+					<p className="mb-6">
+						This website is not affiliated with or endorsed by Fatshark. This
+						website uses unofficial access to your account and has full
+						permission to it. Use at your own risk. This website has{" "}
+						<strong>no</strong> access to your Steam or Xbox account, only your
+						Darktide account.
+					</p>
+				</div>
+				<div className="rounded-lg border bg-card text-card-foreground shadow-sm p-4">
+					<p className="mb-6">
+						Sign in with your account and then authorise using the{" "}
+						<a
+							className="underline"
+							href="https://www.nexusmods.com/warhammer40kdarktide/mods/178"
+						>
+							DTAuth mod
+						</a>{" "}
+						to enable managing your account from this website.{" "}
+					</p>
+					<p className="font-bold">Features:</p>
+					<ul className="mb-6 ml-5 list-square">
+						<li>Use the weapon shops!</li>
+						<li>Track and reroll your contracts!</li>
+						<li>View the mission board! Mission ID history!</li>
+						<li>
+							<b>TODO:</b> Manage your inventories, loadouts & builds
+						</li>
+						<li>
+							<b>TODO:</b> Notifications or auto-purchasing items
+						</li>
+					</ul>
+				</div>
 			</div>
-		</div>
-	)
-}
-
-function SteamIcon({ className }: { className?: string }) {
-	return (
-		<svg className={className} viewBox="0 0 88.5 88.5">
-			<g>
-				<path d="M44.1,0C20.8,0,1.8,17.9,0,40.7l23.7,9.8c2-1.4,4.4-2.2,7-2.2c0.2,0,0.5,0,0.7,0L42,33.1c0-0.1,0-0.1,0-0.2   c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7s-7.5,16.7-16.7,16.7c-0.1,0-0.3,0-0.4,0l-15,10.7c0,0.2,0,0.4,0,0.6   c0,6.9-5.6,12.5-12.5,12.5c-6.1,0-11.1-4.3-12.3-10.1l-17-7c5.2,18.6,22.3,32.2,42.6,32.2c24.4,0,44.2-19.8,44.2-44.2   C88.3,19.8,68.5,0,44.1,0" />
-				<path d="M27.7,67.1l-5.4-2.2c1,2,2.6,3.7,4.8,4.6c4.8,2,10.3-0.3,12.3-5.1c1-2.3,1-4.9,0-7.2c-1-2.3-2.8-4.1-5.1-5.1   c-2.3-1-4.8-0.9-6.9-0.1l5.6,2.3c3.5,1.5,5.2,5.5,3.7,9C35.3,66.9,31.2,68.6,27.7,67.1" />
-				<path d="M69.8,32.8c0-6.1-5-11.1-11.1-11.1c-6.1,0-11.1,5-11.1,11.1c0,6.1,5,11.1,11.1,11.1   C64.8,43.9,69.8,39,69.8,32.8 M50.3,32.8c0-4.6,3.7-8.3,8.4-8.3s8.4,3.7,8.4,8.3s-3.7,8.3-8.4,8.3S50.3,37.4,50.3,32.8" />
-			</g>
-		</svg>
+		</>
 	)
 }
diff --git a/app/routes/_pages.settings.tsx b/app/routes/_pages.settings.tsx
index 98f07fe..d8bf2ff 100644
--- a/app/routes/_pages.settings.tsx
+++ b/app/routes/_pages.settings.tsx
@@ -4,8 +4,8 @@ import { deleteAuthToken, getAuthToken } from "~/services/db/authtoken.server"
 import { authenticator } from "~/services/auth.server"
 import { Form, useLoaderData } from "@remix-run/react"
 
-import { TrashIcon } from "@heroicons/react/24/outline"
 import { Button } from "~/components/ui/button"
+import { Trash2 } from "lucide-react"
 
 export async function loader({ request }: LoaderFunctionArgs) {
 	let user = await authenticator.isAuthenticated(request, {
@@ -39,7 +39,7 @@ export default function Settings() {
 		<div className="p-4 rounded-lg border bg-card text-card-foreground shadow-smw">
 			<Form method="post" className="flex flex-row items-center gap-6">
 				<Button variant="destructive" type="submit" disabled={!hasAuthToken}>
-					<TrashIcon className="block h-6 w-6" aria-hidden="true" />
+					<Trash2 className="block h-6 w-6" aria-hidden="true" />
 					Delete authentication token
 				</Button>
 
diff --git a/app/routes/armoury.$character.contracts.tsx b/app/routes/armoury.$character.contracts.tsx
index 757c1e9..2205080 100644
--- a/app/routes/armoury.$character.contracts.tsx
+++ b/app/routes/armoury.$character.contracts.tsx
@@ -1,4 +1,3 @@
-import { CircleStackIcon, Square2StackIcon } from "@heroicons/react/24/outline"
 import { Form, useLoaderData, useNavigation } from "@remix-run/react"
 import type { ActionFunctionArgs, LoaderFunctionArgs } from "@remix-run/node"
 import { json } from "@remix-run/node"
@@ -15,6 +14,7 @@ import {
 } from "~/services/darktide.server"
 import { twMerge } from "tailwind-merge"
 import useLocale from "~/hooks/locale"
+import { Coins, Layers3 } from "lucide-react"
 
 export async function action({ params, request }: ActionFunctionArgs) {
 	let { character: characterId } = zx.parseParams(params, {
@@ -191,13 +191,13 @@ export default function Contracts() {
 				<div>Refreshes in {timeLeft}</div>
 				<div className="flex flex-row gap-4">
 					<div className="flex items-center">
-						<CircleStackIcon className="mr-1 h-4 w-4" aria-hidden />{" "}
+						<Coins className="mr-1 h-4 w-4" aria-hidden />{" "}
 						{data.wallet?.credits?.balance.amount.toLocaleString(locale) ??
 							"--"}{" "}
 						credits
 					</div>
 					<div className="flex items-center">
-						<Square2StackIcon className="mr-1 h-4 w-4" aria-hidden />{" "}
+						<Layers3 className="mr-1 h-4 w-4" aria-hidden />{" "}
 						{data.wallet?.marks?.balance.amount.toLocaleString(locale) ?? "--"}{" "}
 						marks
 					</div>
diff --git a/app/routes/armoury.$character.inventory.$item.tsx b/app/routes/armoury.$character.inventory.$item.tsx
deleted file mode 100644
index 82031bf..0000000
--- a/app/routes/armoury.$character.inventory.$item.tsx
+++ /dev/null
@@ -1,225 +0,0 @@
-// import { useLoaderData, useLocation } from "@remix-run/react"
-// import type { LoaderFunctionArgs } from "@remix-run/node"
-// import { redirect, json } from "@remix-run/node"
-// import { z } from "zod"
-// import { zx } from "zodix"
-// import { getAuthToken } from "~/data/authtoken.server"
-// import { getItems } from "~/data/items.server"
-// import { BlessingSchema, WeaponSchema } from "~/data/schemas.server"
-// import { authenticator } from "~/services/auth.server"
-// import { getAccountGear } from "~/services/darktide.server"
-// import { motion } from "framer-motion"
-// import { Img } from "~/components/Img"
-// import { ChevronDoubleUpIcon } from "@heroicons/react/24/outline"
-// import { t } from "~/data/localization.server"
-// import { getWeaponTemplate } from "~/data/weaponTemplates.server"
-// import { twMerge } from "tailwind-merge"
-
-// export async function loader({ request, params }: LoaderFunctionArgs) {
-// 	let { character: characterId, item: itemId } = zx.parseParams(params, {
-// 		character: z.string(),
-// 		item: z.string(),
-// 	})
-
-// 	let user = await authenticator.isAuthenticated(request, {
-// 		failureRedirect: "/login",
-// 	})
-// 	let auth = await getAuthToken(user.id)
-// 	let gear = await getAccountGear(auth)
-
-// 	if (gear) {
-// 		let [weapons, blessings] = await Promise.all([
-// 			getItems(WeaponSchema),
-// 			getItems(BlessingSchema),
-// 		])
-
-// 		let [, item] =
-// 			Object.entries(gear)
-// 				.filter(([, item]) => {
-// 					return !item.characterId || item.characterId === characterId
-// 				})
-// 				.find(([id]) => {
-// 					return id === itemId
-// 				}) ?? []
-
-// 		let weapon = weapons.find(
-// 			(wep) => item && wep.id === item.masterDataInstance.id,
-// 		)
-
-// 		let weaponTemplate = getWeaponTemplate(weapon?.baseName ?? "unknown")
-
-// 		if (!item || !weapon || !weaponTemplate) {
-// 			return redirect(`/armoury/${characterId}/inventory`)
-// 		}
-
-// 		let description = weapon.description
-// 		let rarity = item.masterDataInstance.overrides?.rarity ?? 1
-// 		let baseItemLevel = item.masterDataInstance.overrides?.baseItemLevel
-// 		let itemLevel = item.masterDataInstance.overrides?.itemLevel
-// 		let previewImage = `${weapon.preview_image}.png`
-// 		let displayName = weapon.display_name
-// 		let traits =
-// 			item.masterDataInstance.overrides?.traits
-// 				?.map((t) => {
-// 					let blessing = blessings.find((b) => b.id === t.id)
-// 					if (!blessing) return undefined
-// 					let [baseName] = t.id.match(/\w+$/) ?? []
-// 					return {
-// 						baseName,
-// 						rarity: t.rarity,
-// 						displayName: blessing.display_name,
-// 						icon: `${blessing.icon}.png`,
-// 					}
-// 				})
-// 				.filter(Boolean) ?? []
-// 		let baseStats = (item.masterDataInstance.overrides?.base_stats ?? [])
-// 			.map((baseStat) => {
-// 				if (weaponTemplate) {
-// 					let baseStatConfig = weaponTemplate.base_stats[baseStat.name]
-// 					return {
-// 						displayName: t(baseStatConfig?.display_name ?? "unknown"),
-// 						value: baseStat.value,
-// 					}
-// 				}
-// 				return undefined
-// 			})
-// 			.filter(Boolean)
-
-// 		return json({
-// 			displayName,
-// 			rarity,
-// 			previewImage,
-// 			baseItemLevel,
-// 			traits,
-// 			baseStats,
-// 			itemLevel,
-// 			description,
-// 		})
-// 	}
-
-// 	return json(null)
-// }
-
-// let rarityBorder: Record<string, string> = {
-// 	1: "border-l-neutral-600 from-neutral-100",
-// 	2: "border-l-green-600 from-green-50",
-// 	3: "border-l-blue-600 from-blue-50",
-// 	4: "border-l-purple-600 from-purple-50",
-// 	5: "border-l-orange-600 from-orange-50",
-// }
-
-// let rarityColor: Record<string, string> = {
-// 	1: "text-neutral-800",
-// 	2: "text-green-800",
-// 	3: "text-blue-800",
-// 	4: "text-purple-800",
-// 	5: "text-orange-800",
-// }
-
-// export default function Item() {
-// 	let item = useLoaderData<typeof loader>()
-// 	let { pathname } = useLocation()
-
-// 	if (!item) return null
-
-// 	return (
-// 		<motion.div
-// 			key={pathname}
-// 			className={twMerge(
-// 				"absolute right-0 top-0 flex h-full w-2/3 flex-col border-l-4 bg-white",
-// 				rarityBorder[item.rarity],
-// 			)}
-// 			initial={{ translateX: "10%", opacity: 0 }}
-// 			animate={{ translateX: 0, opacity: 1 }}
-// 			exit={{ translateX: "50%", opacity: 0 }}
-// 			transition={{ type: "easeOut", duration: 0.1 }}
-// 		>
-// 			<div className="flex flex-row">
-// 				<div className="w-1/2">
-// 					<h2
-// 						className={twMerge(
-// 							"m-6 mb-1 font-heading text-xl",
-// 							rarityColor[item.rarity],
-// 						)}
-// 					>
-// 						{item.displayName}
-// 					</h2>
-// 					<span
-// 						className={twMerge(
-// 							"m-6 mt-0 flex items-center font-heading text-lg font-bold leading-none",
-// 							rarityColor[item.rarity],
-// 						)}
-// 						title="Item level"
-// 					>
-// 						<ChevronDoubleUpIcon
-// 							className="mr-0.5 h-5 w-5"
-// 							aria-hidden="true"
-// 						/>
-// 						{item.itemLevel}
-// 					</span>
-
-// 					<style>{`
-// .stat:nth-child(1) {
-//   grid-area: 1 / 1 / 2 / 2;
-// }
-// .stat:nth-child(2) {
-//   grid-area: 2 / 1 / 3 / 2;
-// }
-// .stat:nth-child(3) {
-//   grid-area: 2 / 3 / 3 / 4;
-// }
-// .stat:nth-child(4) {
-//   grid-area: 1 / 2 / 2 / 3;
-// }
-// .stat:nth-child(5) {
-//   grid-area: 2 / 2 / 3 / 3;
-// }
-// `}</style>
-// 					<div className="relative m-6 mt-0">
-// 						<span
-// 							className={
-// 								"absolute right-0 top-0 flex items-center font-heading text-sm font-bold"
-// 							}
-// 							title="Base item level"
-// 						>
-// 							<ChevronDoubleUpIcon
-// 								className="mr-0.5 h-3 w-3"
-// 								aria-hidden="true"
-// 							/>
-// 							{item.baseItemLevel}
-// 						</span>
-// 						<div
-// 							data-section="base-stats"
-// 							className="grid grid-cols-3 grid-rows-2 gap-2"
-// 						>
-// 							{item.baseStats.map((stat) => {
-// 								return (
-// 									<div key={stat.displayName} className="stat">
-// 										<div className="font-heading">{stat.displayName}</div>
-// 										<div className="flex flex-row">
-// 											<div className="relative w-full border border-amber-400 p-px">
-// 												<div
-// 													style={{ width: stat.value * 100 + "%" }}
-// 													className="z-2 absolute left-0 top-0 h-full border border-white bg-amber-400"
-// 												/>
-// 												<div className="z-1 isolate m-px mx-1 font-heading text-xs leading-none text-white">
-// 													{Math.round(stat.value * 100)}%
-// 												</div>
-// 											</div>
-// 										</div>
-// 									</div>
-// 								)
-// 							})}
-// 						</div>
-// 					</div>
-// 					<p className="m-6">{item.description}</p>
-// 				</div>
-// 				<Img
-// 					src={item.previewImage}
-// 					width="720"
-// 					className="w-1/2 scale-x-[-1]"
-// 				/>
-// 			</div>
-// 		</motion.div>
-// 	)
-// }
diff --git a/app/routes/armoury.traits.tsx b/app/routes/armoury.traits.tsx
index 770c149..7e8eded 100644
--- a/app/routes/armoury.traits.tsx
+++ b/app/routes/armoury.traits.tsx
@@ -13,7 +13,7 @@ import {
 } from "~/services/db/ownedTraits.server"
 import { getWeaponTemplates } from "~/data/weaponTemplates.server"
 import type { AuthToken } from "@prisma/client"
-import { ArrowPathIcon } from "@heroicons/react/24/outline"
+import { RotateCw } from "lucide-react"
 import { Img } from "~/components/Img"
 import { twMerge } from "tailwind-merge"
 
@@ -114,7 +114,7 @@ export let loader = async ({ request }: LoaderFunctionArgs) => {
 
 function LoadingSpinner({ loading }: { loading: boolean }) {
 	if (!loading) return null
-	return <ArrowPathIcon className="h-3 w-3 animate-spin " />
+	return <RotateCw className="h-3 w-3 animate-spin " />
 }
 
 const raritySymbol = ["0", "Ⅰ", "Ⅱ", "Ⅲ", "Ⅳ", "Ⅴ"]
diff --git a/app/routes/armoury.tsx b/app/routes/armoury.tsx
index 01f454c..6b71e5a 100644
--- a/app/routes/armoury.tsx
+++ b/app/routes/armoury.tsx
@@ -9,7 +9,6 @@ import {
 } from "@remix-run/react"
 import { getAuthToken } from "~/services/db/authtoken.server"
 import { authenticator } from "~/services/auth.server"
-import { ExclamationCircleIcon } from "@heroicons/react/24/outline"
 import { getAccountSummary } from "~/services/darktide.server"
 import {
 	Popover,
@@ -17,7 +16,7 @@ import {
 	PopoverTrigger,
 } from "~/components/ui/popover"
 import { Command, CommandGroup, CommandItem } from "~/components/ui/command"
-import { ChevronsUpDown } from "lucide-react"
+import { AlertTriangle, ChevronsUpDown } from "lucide-react"
 import { Button } from "~/components/ui/button"
 import { cn } from "~/utils/cn"
 import { Separator } from "~/components/ui/separator"
@@ -161,10 +160,7 @@ export function ErrorBoundary() {
 				className="flex rounded-lg bg-yellow-100 p-4 text-sm text-yellow-700"
 				role="alert"
 			>
-				<ExclamationCircleIcon
-					className="mr-3 inline h-5 w-5"
-					aria-hidden="true"
-				/>
+				<AlertTriangle className="mr-3 inline h-5 w-5" aria-hidden="true" />
 				<div>
 					<span className="font-medium">No Auth Token Found!</span> You need to
 					authorise your account with the game before you can access this
diff --git a/app/routes/mission-board._index.tsx b/app/routes/mission-board._index.tsx
index 922d09e..6edafe7 100644
--- a/app/routes/mission-board._index.tsx
+++ b/app/routes/mission-board._index.tsx
@@ -10,7 +10,6 @@ import {
 	Zones,
 } from "~/data/missionTemplates.server"
 import { t } from "~/data/localization.server"
-import { ExclamationCircleIcon } from "@heroicons/react/24/outline"
 import { Link, useLoaderData } from "@remix-run/react"
 import { Mission, sideObjectiveToType } from "~/components/Mission"
 import { isKeyOf } from "~/utils/isKeyOf"
@@ -25,6 +24,7 @@ import {
 } from "~/components/ui/select"
 import { Label } from "~/components/ui/label"
 import { Button } from "~/components/ui/button"
+import { AlertTriangle } from "lucide-react"
 
 const FILTER_BY_CATEGORY: Record<
 	string,
@@ -174,10 +174,7 @@ export function ErrorBoundary() {
 				className="flex rounded-lg bg-yellow-100 p-4 text-sm text-yellow-700"
 				role="alert"
 			>
-				<ExclamationCircleIcon
-					className="mr-3 inline h-5 w-5"
-					aria-hidden="true"
-				/>
+				<AlertTriangle className="mr-3 inline h-5 w-5" aria-hidden="true" />
 				<div>
 					<span className="font-medium">Sorry!</span> We're having trouble
 					authenticating with the server.
diff --git a/package-lock.json b/package-lock.json
index ed9f673..3dda688 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,6 @@
 			"dependencies": {
 				"@danreeves/remix-auth-steam": "^2.0.0",
 				"@headlessui/react": "^1.7.17",
-				"@heroicons/react": "^2.0.18",
 				"@hono/node-server": "^1.2.2",
 				"@prisma/client": "^5.5.2",
 				"@radix-ui/react-checkbox": "^1.0.4",
@@ -1462,14 +1461,6 @@
 				"react-dom": "^16 || ^17 || ^18"
 			}
 		},
-		"node_modules/@heroicons/react": {
-			"version": "2.0.18",
-			"resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.18.tgz",
-			"integrity": "sha512-7TyMjRrZZMBPa+/5Y8lN0iyvUU/01PeMGX2+RE7cQWpEUIcb4QotzUObFkJDejj/HUH4qjP/eQ0gzzKs2f+6Yw==",
-			"peerDependencies": {
-				"react": ">= 16"
-			}
-		},
 		"node_modules/@hono/node-server": {
 			"version": "1.2.2",
 			"resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.2.2.tgz",
diff --git a/package.json b/package.json
index d05b9ac..7975e6e 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,6 @@
 	"dependencies": {
 		"@danreeves/remix-auth-steam": "^2.0.0",
 		"@headlessui/react": "^1.7.17",
-		"@heroicons/react": "^2.0.18",
 		"@hono/node-server": "^1.2.2",
 		"@prisma/client": "^5.5.2",
 		"@radix-ui/react-checkbox": "^1.0.4",
diff --git a/server/server.ts b/server/server.ts
index 9d615ec..494ced5 100644
--- a/server/server.ts
+++ b/server/server.ts
@@ -11,19 +11,21 @@ import compression from "compression"
 import express from "express"
 import morgan from "morgan"
 import type { Output } from "valibot"
-import { object, parse, string } from "valibot"
+import { object, parse, string, ValiError } from "valibot"
 
 // Sets up Cron singletons to perform timed jobs on the server
 import "../app/jobs/index.server"
 
 const EnvVariables = object({
 	STEAM_API_KEY: string(
-		"Steam API Key from https://steamcommunity.com/dev/apikey",
+		"STEAM_API_KEY: Steam API Key from https://steamcommunity.com/dev/apikey",
 	),
-	SECRETSECRET: string("Random secret string for cookie encryption"),
-	DATABASE_URL: string("Planetscale DB URL"),
+	SECRETSECRET: string(
+		"SECRETSECRET: Random secret string for cookie encryption",
+	),
+	DATABASE_URL: string("DATABASE_URL: Planetscale DB URL"),
 	DEFAULT_STEAM_ID: string(
-		"A default Steam ID to use the auth token for public pages like the mission board",
+		"DEFAULT_STEAM_ID: A default Steam ID to use the auth token for public pages like the mission board",
 	),
 })
 
@@ -33,7 +35,15 @@ declare global {
 	}
 }
 
-parse(EnvVariables, process.env)
+try {
+	parse(EnvVariables, process.env)
+} catch (error: unknown) {
+	if (error instanceof ValiError) {
+		console.error("Invalid environment variables:")
+		console.error(error.issues.map((issue) => "\t" + issue.message).join("\n"))
+	}
+	process.exit(1)
+}
 
 installGlobals()
 
@@ -76,7 +86,6 @@ app.use(express.static("public", { maxAge: "1h" }))
 app.all(
 	"*",
 	createRequestHandler({
-		// @ts-expect-error
 		build: vite
 			? () => unstable_loadViteServerBuild(vite!)
 			: await import("../build/index.js"),