fix even more coloring

acm-ucr · Oct 31, 2024 · 6cc9374 · 6cc9374
1 parent 8e4bc6c
commit 6cc9374
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/admin/dashboards/dashboard/dashboard.jsx b/src/components/admin/dashboards/dashboard/dashboard.jsx
@@ -61,6 +61,7 @@ const Dashboard = ({
     <div className="w-full">
       <div className="my-2 flex items-center">
         <Label className="pr-5 text-2xl font-bold">{title}</Label>
+
         <Filters
           statuses={statuses}
           filters={filters}

diff --git a/src/components/admin/dashboards/dashboard/filters.jsx b/src/components/admin/dashboards/dashboard/filters.jsx
@@ -1,4 +1,6 @@
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { COLORS } from "@/data/tags";
+import { cn } from "@/utils/tailwind";
 
 const Filters = ({ statuses, filters, setFilters }) => {
   const selectedFilters =
@@ -37,7 +39,11 @@ const Filters = ({ statuses, filters, setFilters }) => {
             onClick={() =>
               onClick(parseInt(key), selectedFilters.includes(parseInt(key)))
             }
-            className="bg-gray-300"
+            className={cn(
+              COLORS[key]?.background,
+              COLORS[key]?.text,
+              COLORS[key]?.hover,
+            )}
           >
             {value}
           </ToggleGroupItem>