diff --git a/app/root.tsx b/app/root.tsx
index c1ffd24..b2df0a4 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -1,5 +1,5 @@
import { rootAuthLoader } from "@clerk/remix/ssr.server";
-import { ClerkApp, ClerkErrorBoundary, ClerkLoaded } from "@clerk/remix";
+import { ClerkApp, ClerkErrorBoundary } from "@clerk/remix";
import type {
LinksFunction,
LoaderFunction,
@@ -42,13 +42,11 @@ function App() {
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/app/routes/dashboard.tsx b/app/routes/dashboard.tsx
index 829fe62..5469e72 100644
--- a/app/routes/dashboard.tsx
+++ b/app/routes/dashboard.tsx
@@ -5,7 +5,7 @@ import { LogInIcon, ShieldIcon, StarIcon, TrashIcon } from "lucide-react";
import { useState } from "react";
import LoadingIndicator from "~/components/LoadingIndicator";
import { useEventSource } from "remix-utils/sse/react";
-import { useUser } from "@clerk/remix";
+import { ClerkLoaded, ClerkLoading, useUser } from "@clerk/remix";
import { isAdmin, isVIP } from "~/services/helpers.client";
export const loader: LoaderFunction = async (args) => {
@@ -37,6 +37,19 @@ type RoomsResponse =
| undefined;
export default function Dashboard() {
+ return (
+ <>
+
+
+
+
+
+
+
+ );
+}
+
+function DashboardContent() {
const { user, isLoaded } = useUser();
let roomsFromDb = useEventSource("/api/room/get/all", { event: user?.id! });
diff --git a/app/routes/room.$roomId.tsx b/app/routes/room.$roomId.tsx
index 006b665..d419017 100644
--- a/app/routes/room.$roomId.tsx
+++ b/app/routes/room.$roomId.tsx
@@ -23,7 +23,7 @@ import {
VoteResponse,
} from "~/services/types.client";
import { isAdmin, jsonToCsv } from "~/services/helpers.client";
-import { useUser } from "@clerk/remix";
+import { ClerkLoaded, ClerkLoading, useUser } from "@clerk/remix";
import { db } from "~/services/db.server";
import { rooms } from "~/services/schema";
import { eq } from "drizzle-orm";
@@ -73,6 +73,19 @@ export function ErrorBoundary() {
}
export default function Room() {
+ return (
+ <>
+
+
+
+
+
+
+
+ );
+}
+
+function RoomContent() {
const { user } = useUser();
const params = useParams();
const roomId = params.roomId;