feat(row-infra-log): align badge color with design (#1696)

Qovery · Sep 26, 2024 · 7664f66 · 7664f66
1 parent c365ecd
commit 7664f66
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 19 deletions.
diff --git a/libs/domains/clusters/feature/src/lib/cluster-card/__snapshots__/cluster-card.spec.tsx.snap b/libs/domains/clusters/feature/src/lib/cluster-card/__snapshots__/cluster-card.spec.tsx.snap
@@ -179,7 +179,7 @@ exports[`ClusterCard should render correctly 1`] = `
         Production
       </span>
       <span
-        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
         data-accent-color="neutral"
       >
         <svg
@@ -266,25 +266,25 @@ exports[`ClusterCard should render correctly 1`] = `
         Qovery managed
       </span>
       <span
-        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
         data-accent-color="neutral"
       >
         EKS
       </span>
       <span
-        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
         data-accent-color="neutral"
       >
         us-east-1
       </span>
       <span
-        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
         data-accent-color="neutral"
       >
         1.21
       </span>
       <span
-        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+        class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
         data-accent-color="neutral"
       >
         t3.medium

diff --git a/libs/domains/clusters/feature/src/lib/cluster-type/__snapshots__/cluster-type.spec.tsx.snap b/libs/domains/clusters/feature/src/lib/cluster-type/__snapshots__/cluster-type.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`ClusterType should render as EKS 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
       data-accent-color="neutral"
     >
       EKS
@@ -17,7 +17,7 @@ exports[`ClusterType should render as GCP 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
       data-accent-color="neutral"
     >
       GKE (Autopilot)
@@ -30,7 +30,7 @@ exports[`ClusterType should render as K3S 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
       data-accent-color="neutral"
     >
       EC2 (K3S)
@@ -43,7 +43,7 @@ exports[`ClusterType should render as SCW 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
       data-accent-color="neutral"
     >
       Kapsule

diff --git a/...create-clone-environment-modal/__snapshots__/create-clone-environment-modal.spec.tsx.snap b/...create-clone-environment-modal/__snapshots__/create-clone-environment-modal.spec.tsx.snap
@@ -175,7 +175,7 @@ exports[`CreateCloneEnvironmentModal should match snapshots 1`] = `
               data-testid="selected-icon"
             >
               <span
-                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 flex h-4 w-4 justify-center p-0 font-semibold"
+                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300 flex h-4 w-4 justify-center p-0 font-semibold"
                 data-accent-color="neutral"
               >
                 D

diff --git a/...nvironments/feature/src/lib/environment-list/__snapshots__/environment-list.spec.tsx.snap b/...nvironments/feature/src/lib/environment-list/__snapshots__/environment-list.spec.tsx.snap
@@ -129,7 +129,7 @@ exports[`EnvironmentList should match snapshot 1`] = `
               class="flex min-w-0 items-center gap-4 text-sm font-medium text-neutral-400"
             >
               <span
-                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 flex h-4 w-4 justify-center p-0 font-semibold"
+                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300 flex h-4 w-4 justify-center p-0 font-semibold"
                 data-accent-color="neutral"
                 data-state="closed"
               >
@@ -492,7 +492,7 @@ exports[`EnvironmentList should match snapshot 1`] = `
               class="flex min-w-0 items-center gap-4 text-sm font-medium text-neutral-400"
             >
               <span
-                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 flex h-4 w-4 justify-center p-0 font-semibold"
+                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300 flex h-4 w-4 justify-center p-0 font-semibold"
                 data-accent-color="neutral"
                 data-state="closed"
               >
@@ -663,7 +663,7 @@ exports[`EnvironmentList should match snapshot 1`] = `
               class="flex min-w-0 items-center gap-4 text-sm font-medium text-neutral-400"
             >
               <span
-                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 flex h-4 w-4 justify-center p-0 font-semibold"
+                class="items-center shrink-0 text-xs border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300 flex h-4 w-4 justify-center p-0 font-semibold"
                 data-accent-color="neutral"
                 data-state="closed"
               >

diff --git a/...nvironments/feature/src/lib/environment-mode/__snapshots__/environment-mode.spec.tsx.snap b/...nvironments/feature/src/lib/environment-mode/__snapshots__/environment-mode.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`EnvironmentMode should render as development mode 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
       data-accent-color="neutral"
     >
       Development
@@ -43,7 +43,7 @@ exports[`EnvironmentMode should render as staging mode 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
       data-accent-color="neutral"
     >
       Staging

diff --git a/...ains/service-logs/feature/src/lib/list-service-logs/row-service-logs/row-service-logs.tsx b/...ains/service-logs/feature/src/lib/list-service-logs/row-service-logs/row-service-logs.tsx
@@ -98,7 +98,7 @@ export function RowServiceLogs({
                 color="neutral"
                 size="xs"
                 className={twMerge(
-                  clsx('max-h-fit gap-1.5 whitespace-nowrap font-code', {
+                  clsx('gap-1.5 whitespace-nowrap font-code', {
                     'outline outline-1 outline-brand-400 hover:!border-brand-400 dark:border-brand-400': isFilterActive(
                       'container_name',
                       original.container_name

diff --git a/libs/domains/services/feature/src/lib/pods-metrics/__snapshots__/pods-metrics.spec.tsx.snap b/libs/domains/services/feature/src/lib/pods-metrics/__snapshots__/pods-metrics.spec.tsx.snap
@@ -114,7 +114,7 @@ exports[`PodsMetrics should match snapshot with data 1`] = `
             class="h-14 px-4 py-0"
           >
             <span
-              class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded-full border-neutral-250 text-neutral-350 dark:border-neutral-350 gap-2 capitalize"
+              class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded-full border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300 gap-2 capitalize"
             >
               <div
                 class=""

diff --git a/libs/shared/ui/src/lib/components/badge/__snapshots__/badge.spec.tsx.snap b/libs/shared/ui/src/lib/components/badge/__snapshots__/badge.spec.tsx.snap
@@ -17,7 +17,7 @@ exports[`Badge shoud match size snapshot 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
     >
       Foobar
     </span>

diff --git a/libs/shared/ui/src/lib/components/badge/badge.tsx b/libs/shared/ui/src/lib/components/badge/badge.tsx
@@ -31,7 +31,7 @@ const badgeVariants = cva(['inline-flex', 'items-center', 'shrink-0', 'font-medi
     {
       variant: 'outline',
       color: 'neutral',
-      className: ['border-neutral-250', 'text-neutral-350', 'dark:border-neutral-350'],
+      className: ['border-neutral-250', 'text-neutral-350', 'dark:border-neutral-350', 'dark:text-neutral-300'],
     },
     /*
     // Generate all colors
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,7 +17,7 @@ exports[`Badge shoud match size snapshot 1`] = ` @@
     <body>
       <div>
         <span
-          class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+          class="inline-flex items-center shrink-0 font-medium text-xs h-6 px-2 border rounded border-neutral-250 text-neutral-350 dark:border-neutral-350 dark:text-neutral-300"
         >
           Foobar
         </span>
@@ Expand Down @@