diff --git a/app/components/FourOhFour.tsx b/app/components/FourOhFour.tsx
new file mode 100644
index 0000000..310534c
--- /dev/null
+++ b/app/components/FourOhFour.tsx
@@ -0,0 +1,28 @@
+import { Link } from "@remix-run/react";
+
+export default function FourOhFour() {
+ return (
+
+ 4️⃣0️⃣4️⃣
+
+ Oops! This room does not appear to exist, or may have been deleted! 😢
+
+
+ If you believe you reached this page in error, please file an issue{" "}
+
+ here
+
+
+
+ Back to Home
+
+
+ );
+}
diff --git a/app/routes/dashboard.tsx b/app/routes/dashboard.tsx
index 1020e78..829fe62 100644
--- a/app/routes/dashboard.tsx
+++ b/app/routes/dashboard.tsx
@@ -1,7 +1,7 @@
import { getAuth } from "@clerk/remix/ssr.server";
import { LoaderFunction, redirect } from "@remix-run/node";
import { Link } from "@remix-run/react";
-import { LogInIcon, ShieldIcon, TrashIcon } from "lucide-react";
+import { LogInIcon, ShieldIcon, StarIcon, TrashIcon } from "lucide-react";
import { useState } from "react";
import LoadingIndicator from "~/components/LoadingIndicator";
import { useEventSource } from "remix-utils/sse/react";
@@ -114,7 +114,7 @@ export default function Dashboard() {
)}
{isVIP(user?.publicMetadata) && (
-
+
)}
diff --git a/app/routes/room.$roomId.tsx b/app/routes/room.$roomId.tsx
index a1510ad..f4c69fd 100644
--- a/app/routes/room.$roomId.tsx
+++ b/app/routes/room.$roomId.tsx
@@ -1,6 +1,6 @@
import { getAuth } from "@clerk/remix/ssr.server";
import { LoaderFunction, redirect } from "@remix-run/node";
-import { Link, useParams } from "@remix-run/react";
+import { useParams } from "@remix-run/react";
import {
CheckCircleIcon,
CopyIcon,
@@ -28,6 +28,7 @@ import { db } from "~/services/db.server";
import { rooms } from "~/services/schema";
import { eq } from "drizzle-orm";
import { shitList } from "~/services/consts.server";
+import FourOhFour from "~/components/FourOhFour";
// Loader
export const loader: LoaderFunction = async (args) => {
@@ -69,21 +70,7 @@ export const loader: LoaderFunction = async (args) => {
// Checks for 404
export function ErrorBoundary() {
- return (
-
- 4️⃣0️⃣4️⃣
-
- Oops! This room does not appear to exist, or may have been deleted! 😢
-
-
- Back to Home
-
-
- );
+ return ;
}
export default function Room() {