Fix text colour on scan report tables (#1132)

Author: brian-kim31

app/next-client-app/app/(protected)/scanreports/[id]/tables/[tableId]/columns.tsx

@@ -37,14 +37,14 @@ export const columns = (
                 prePath.endsWith("/") ? prePath : prePath + "/"
               }fields/${id}`}
             >
-              <Button variant="link" className="font-bold">
+              <Button variant="link" className="font-bold dark:text-white">
                 {name}
               </Button>
             </Link>
             <CopyButton textToCopy={name} />
           </div>
         );
-      },
+      }
     },
     {
       id: "description",
@@ -57,7 +57,7 @@ export const columns = (
         />
       ),
       enableHiding: true,
-      enableSorting: true,
+      enableSorting: true
     },
     {
       id: "Data Type",
@@ -70,7 +70,7 @@ export const columns = (
         />
       ),
       enableHiding: true,
-      enableSorting: true,
+      enableSorting: true
     },
     {
       id: "Concepts",
@@ -88,7 +88,7 @@ export const columns = (
             <ConceptTags concepts={concepts ?? []} deleteSR={deleteSR} />
           </Suspense>
         );
-      },
+      }
     },
     {
       id: "Add Concept",
@@ -106,8 +106,8 @@ export const columns = (
             addSR={addSR}
           />
         );
-      },
-    },
+      }
+    }
   ];
 
   // AI Suggestions Column & setting as 4th Column
@@ -132,7 +132,7 @@ export const columns = (
             contentType="scanreportfield"
           />
         );
-      },
+      }
     });
   } else {
     baseColumns.splice(5, 0, {
@@ -150,7 +150,7 @@ export const columns = (
             permissions={permissions}
           />
         );
-      },
+      }
     });
   }
   return baseColumns;

app/next-client-app/components/recommendations/ai-suggesions-button.tsx

@@ -12,7 +12,7 @@ import {
   DropdownMenuContent,
   DropdownMenuLabel,
   DropdownMenuSeparator,
-  DropdownMenuTrigger,
+  DropdownMenuTrigger
 } from "@/components/ui/dropdown-menu";
 import { domains } from "@/constants/domains";
 import { DropdownMenuItem } from "@radix-ui/react-dropdown-menu";
@@ -21,7 +21,7 @@ export function AISuggestionsButton({
   value,
   tableId,
   rowId,
-  contentType,
+  contentType
 }: {
   value: string;
   tableId: string;
@@ -92,7 +92,7 @@ export function AISuggestionsButton({
             <Button
               variant="outline"
               size="sm"
-              className="gap-2 border-purple-400 hover:bg-purple-100 hover:text-black"
+              className="gap-2 border-purple-400 hover:bg-purple-100 hover:text-black dark:hover:bg-gray-700 dark:hover:text-white"
               disabled={isLoading}
             >
               {isLoading ? (
@@ -108,7 +108,7 @@ export function AISuggestionsButton({
           align="start"
           className="w-52 overflow-y-auto max-h-96"
         >
-          <DropdownMenuLabel className="text-black font-semibold text-center">
+          <DropdownMenuLabel className="text-black dark:text-white font-semibold text-center">
             Select Relevant Domain
           </DropdownMenuLabel>
           <DropdownMenuSeparator />