From 09211e60c71ae7fe3c9a44d0f3a2fe6137bd7709 Mon Sep 17 00:00:00 2001
From: Henry <henry_ball@hotmail.co.uk>
Date: Tue, 27 May 2025 21:31:33 +0100
Subject: [PATCH] fix: display correct colour for create new label text on dark
 mode

---
 apps/web/src/components/CheckboxDropdown.tsx        |  4 ++--
 apps/web/src/views/board/components/NewCardForm.tsx | 10 +++++-----
 apps/web/src/views/card/index.tsx                   | 12 ++++++------
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/web/src/components/CheckboxDropdown.tsx b/apps/web/src/components/CheckboxDropdown.tsx
index 5a9148f7..4863c1e8 100644
--- a/apps/web/src/components/CheckboxDropdown.tsx
+++ b/apps/web/src/components/CheckboxDropdown.tsx
@@ -100,7 +100,7 @@ export default function CheckboxDropdown({
       ))}
       {handleCreate && (
         <button
-          className="flex w-full items-center rounded-[5px] p-2 px-2 text-[12px] hover:bg-light-200 dark:hover:bg-dark-300"
+          className="flex w-full items-center rounded-[5px] p-2 px-2 text-[12px] text-dark-900 hover:bg-light-200 dark:hover:bg-dark-300"
           onClick={() => handleCreate()}
         >
           <HiMiniPlus size={20} className="pr-1.5" />
@@ -118,7 +118,7 @@ export default function CheckboxDropdown({
       <>
         <Menu.Button
           as={asChild ? "div" : undefined}
-          className="h-full w-full focus-visible:outline-none"
+          className="h-full w-full cursor-pointer focus-visible:outline-none"
         >
           {children}
         </Menu.Button>
diff --git a/apps/web/src/views/board/components/NewCardForm.tsx b/apps/web/src/views/board/components/NewCardForm.tsx
index 570e371b..06e10977 100644
--- a/apps/web/src/views/board/components/NewCardForm.tsx
+++ b/apps/web/src/views/board/components/NewCardForm.tsx
@@ -148,17 +148,17 @@ export function NewCardForm({
     boardData?.workspace.members.map((member) => ({
       key: member.publicId,
       value: formatMemberDisplayName(
-        member.user.name ?? null,
-        member.user.email ?? null,
+        member.user?.name ?? null,
+        member.user?.email ?? null,
       ),
       leftIcon: (
         <Avatar
           size="xs"
-          name={member.user.name ?? ""}
+          name={member.user?.name ?? ""}
           imageUrl={
-            member.user.image ? getAvatarUrl(member.user.image) : undefined
+            member.user?.image ? getAvatarUrl(member.user.image) : undefined
           }
-          email={member.user.email ?? ""}
+          email={member.user?.email ?? ""}
         />
       ),
     })) ?? [];
diff --git a/apps/web/src/views/card/index.tsx b/apps/web/src/views/card/index.tsx
index 7b64fd69..cb609fc5 100644
--- a/apps/web/src/views/card/index.tsx
+++ b/apps/web/src/views/card/index.tsx
@@ -88,21 +88,21 @@ export default function CardPage() {
       return {
         key: member.publicId,
         value: formatMemberDisplayName(
-          member.user.name ?? null,
-          member.user.email ?? null,
+          member.user?.name ?? null,
+          member.user?.email ?? null,
         ),
-        imageUrl: member.user.image
+        imageUrl: member.user?.image
           ? getAvatarUrl(member.user.image)
           : undefined,
         selected: isSelected ?? false,
         leftIcon: (
           <Avatar
             size="xs"
-            name={member.user.name ?? ""}
+            name={member.user?.name ?? ""}
             imageUrl={
-              member.user.image ? getAvatarUrl(member.user.image) : undefined
+              member.user?.image ? getAvatarUrl(member.user.image) : undefined
             }
-            email={member.user.email ?? ""}
+            email={member.user?.email ?? ""}
           />
         ),
       };