feat(#77): add neutral circle when no error or success

profusion · Jul 17, 2024 · 3d1aa1a · 3d1aa1a
1 parent 0077b0e
commit 3d1aa1a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/dashboard/src/components/ColoredCircle/ColoredCircle.tsx b/dashboard/src/components/ColoredCircle/ColoredCircle.tsx
@@ -14,7 +14,11 @@ const ColoredCircle = ({
   className,
 }: IColoredCircle): JSX.Element => {
   const backgroundColor =
-    type === ItemType.Error ? 'bg-lightRed' : 'bg-lightGreen';
+    type === ItemType.Error
+      ? 'bg-lightRed'
+      : type === ItemType.Success
+        ? 'bg-lightGreen'
+        : 'bg-mediumGray';
   return (
     <div
       className={classNames(

diff --git a/dashboard/src/components/ListingItem/ListingItem.tsx b/dashboard/src/components/ListingItem/ListingItem.tsx
@@ -14,6 +14,7 @@ export enum ItemType {
   Warning,
   Error,
   Success,
+  None,
 }
 
 const ListingItem = ({
@@ -38,6 +39,13 @@ const ListingItem = ({
       <></>
     );
 
+  const itemNeutral =
+    !errors || errors === 0 || !success || success === 0 ? (
+      <ColoredCircle quantity={0} type={ItemType.None} />
+    ) : (
+      <></>
+    );
+
   const itemSuccess =
     success && success > 0 ? (
       <ColoredCircle quantity={success} type={ItemType.Success} />
@@ -50,6 +58,7 @@ const ListingItem = ({
       {itemError}
       {itemWarning}
       {itemSuccess}
+      {itemNeutral}
       <span className="text-black text-sm">{text}</span>
     </div>
   );