fix(service-list): container info truncate commit id and container na…

…me (#1806)
Qovery · Jan 16, 2025 · 71a6679 · 71a6679
1 parent 08fe3a7
commit 71a6679
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/libs/domains/services/feature/src/lib/last-version/last-version.tsx b/libs/domains/services/feature/src/lib/last-version/last-version.tsx
@@ -126,7 +126,7 @@ export function LastVersion({ organizationId, projectId, service, version }: Las
     <span className="flex">
       <Badge variant="surface" className="min-w-7 max-w-[81px] rounded-r-none border-r-0 border-neutral-250">
         <span className="flex h-full w-full items-center justify-center truncate">
-          <Truncate text={version} truncateLimit={10} />
+          <Truncate text={version} truncateLimit={8} />
         </span>
       </Badge>
       <Tooltip content="Deploy from another version">

diff --git a/libs/domains/services/feature/src/lib/service-list/service-list.tsx b/libs/domains/services/feature/src/lib/service-list/service-list.tsx
@@ -63,7 +63,6 @@ import {
   TablePrimitives,
   Tooltip,
   Truncate,
-  truncateText,
 } from '@qovery/shared/ui'
 import { dateUTCString, timeAgo } from '@qovery/shared/util-dates'
 import { buildGitProviderUrl } from '@qovery/shared/util-git'
@@ -497,9 +496,11 @@ export function ServiceList({ environment, className, ...props }: ServiceListPro
                       }
                     >
                       <span className="text-neutral-350">
-                        {containerImage.registry.name.length >= 20
-                          ? truncateText(containerImage.registry.name, 20).toLowerCase()
-                          : containerImage.registry.name.toLowerCase()}
+                        {containerImage.registry.name.length >= 20 ? (
+                          <Truncate text={containerImage.registry.name.toLowerCase()} truncateLimit={20} />
+                        ) : (
+                          containerImage.registry.name.toLowerCase()
+                        )}
                       </span>
                     </Tooltip>
                   </span>
@@ -552,9 +553,11 @@ export function ServiceList({ environment, className, ...props }: ServiceListPro
                       }
                     >
                       <span className="text-neutral-350">
-                        {helmRepository.repository?.name.length > 20
-                          ? truncateText(helmRepository.repository?.name, 20).toLowerCase()
-                          : helmRepository.repository?.name.toLowerCase()}
+                        {helmRepository.repository?.name.length > 20 ? (
+                          <Truncate text={helmRepository.repository?.name.toLowerCase()} truncateLimit={20} />
+                        ) : (
+                          helmRepository.repository?.name.toLowerCase()
+                        )}
                       </span>
                     </Tooltip>
                   </span>