From 6690ac2cee2d16fa38e338865b819a93d26d405a Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <me@atri.dad>
Date: Wed, 6 Sep 2023 13:00:00 -0600
Subject: [PATCH] Oops

---
 src/app/_components/VoteUI.tsx | 2 +-
 src/app/dashboard/loading.tsx  | 5 +++++
 src/app/dashboard/page.tsx     | 2 +-
 src/app/room/[id]/loading.tsx  | 1 -
 4 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 src/app/dashboard/loading.tsx

diff --git a/src/app/_components/VoteUI.tsx b/src/app/_components/VoteUI.tsx
index d0ed858..dfe7463 100644
--- a/src/app/_components/VoteUI.tsx
+++ b/src/app/_components/VoteUI.tsx
@@ -74,7 +74,7 @@ const VoteUI = () => {
   const [presenceData] = usePresence<PresenceItem>(
     `${env.NEXT_PUBLIC_APP_ENV}-${roomId}`,
     {
-      name: `${user?.firstName} ${user?.lastName}` || "",
+      name: (user?.fullName ?? user?.username) || "",
       image: user?.imageUrl || "",
       client_id: user?.id || "unknown",
       isAdmin: isAdmin(user?.publicMetadata),
diff --git a/src/app/dashboard/loading.tsx b/src/app/dashboard/loading.tsx
new file mode 100644
index 0000000..4acbf22
--- /dev/null
+++ b/src/app/dashboard/loading.tsx
@@ -0,0 +1,5 @@
+import LoadingIndicator from "@/app/_components/LoadingIndicator";
+
+export default function Loading() {
+  return <LoadingIndicator />;
+}
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 2aabd19..50bb813 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -16,7 +16,7 @@ export default async function Dashboard() {
   return (
     <div className="flex flex-col text-center items-center justify-center px-4 py-16 gap-4">
       <h1 className="flex flex-row flex-wrap text-center justify-center items-center gap-1 text-4xl font-bold mx-auto">
-        Hi, {user?.firstName}!{" "}
+        Hi, {user?.firstName ?? user?.username}!{" "}
         {isAdmin(user?.publicMetadata) && (
           <FaShieldAlt className="inline-block text-primary" />
         )}
diff --git a/src/app/room/[id]/loading.tsx b/src/app/room/[id]/loading.tsx
index b61d5d9..4acbf22 100644
--- a/src/app/room/[id]/loading.tsx
+++ b/src/app/room/[id]/loading.tsx
@@ -1,6 +1,5 @@
 import LoadingIndicator from "@/app/_components/LoadingIndicator";
 
 export default function Loading() {
-  // You can add any UI inside Loading, including a Skeleton.
   return <LoadingIndicator />;
 }