feat: now low activity ratio pills are slate (#3347)

open-sauced · May 9, 2024 · 18bd781 · 18bd781
1 parent c6e0514
commit 18bd781
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/components/Workspaces/RepositoryStatCard.tsx b/components/Workspaces/RepositoryStatCard.tsx
@@ -92,7 +92,9 @@ const getPillChart = (total?: number, loading?: boolean) => {
     );
   }
 
-  return <Pill icon={<ArrowTrendingDownIcon color="red" className="w-6 h-6 lg:w-4 lg:h-4" />} text="Low" color="red" />;
+  return (
+    <Pill icon={<ArrowTrendingDownIcon color="slate" className="w-6 h-6 lg:w-4 lg:h-4" />} text="Low" color="slate" />
+  );
 };
 
 const EmptyState = ({ type, hasError }: { type: CardType; hasError: boolean }) => {

diff --git a/components/atoms/Pill/pill.tsx b/components/atoms/Pill/pill.tsx
@@ -21,7 +21,7 @@ const Pill: React.FC<PillProps> = ({ className, text, color = "slate", size = "b
             ? "bg-light-red-4 "
             : color === "purple"
             ? "bg-purple-200"
-            : "bg-light-slate-4 "
+            : "bg-light-slate-3 "
         }
         ${size === "small" ? "py-1 px-1.5  " : "py-1.5 px-2 "}
         inline-flex items-center rounded-full gap-1 ${className}`}

diff --git a/components/molecules/RepoRow/repo-row.tsx b/components/molecules/RepoRow/repo-row.tsx
@@ -48,7 +48,7 @@ export const getActivity = (total?: number, loading?: boolean) => {
     return <Pill icon={<MinusSmallIcon color="black" className="w-4 h-4" />} text="Medium" color="yellow" />;
   }
 
-  return <Pill icon={<ArrowTrendingDownIcon color="red" className="w-4 h-4" />} text="Low" color="red" />;
+  return <Pill icon={<ArrowTrendingDownIcon color="slate" className="w-4 h-4" />} text="Low" color="slate" />;
 };
 
 const getTotalPrs = (