From 791f81f93c4172927906a8e2c030882b944252fa Mon Sep 17 00:00:00 2001
From: Romain Billard <billard.rom@gmail.com>
Date: Fri, 20 Mar 2026 15:19:59 +0100
Subject: [PATCH] Remove unused imports and clean up service logs layout

- Remove unused `match` from ts-pattern
- Remove unused `ServiceStateChip`, `Link` imports
- Remove unused route constants
- Remove sticky positioning from header
- Adjust container heights from 216px to 209px
- Add overflow handling to log containers
- Add relative positioning for proper stacking context
---
 .../header-service-logs/header-service-logs.tsx           | 8 +++-----
 .../src/lib/list-service-logs/list-service-logs.tsx       | 8 ++++----
 .../src/lib/feature/pod-logs-feature/pod-logs-feature.tsx | 2 +-
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/libs/domains/service-logs/feature/src/lib/list-service-logs/header-service-logs/header-service-logs.tsx b/libs/domains/service-logs/feature/src/lib/list-service-logs/header-service-logs/header-service-logs.tsx
index 75e177f29c4..08024899cab 100644
--- a/libs/domains/service-logs/feature/src/lib/list-service-logs/header-service-logs/header-service-logs.tsx
+++ b/libs/domains/service-logs/feature/src/lib/list-service-logs/header-service-logs/header-service-logs.tsx
@@ -2,12 +2,10 @@ import { useNavigate, useParams, useSearch } from '@tanstack/react-router'
 import clsx from 'clsx'
 import { subDays, subHours } from 'date-fns'
 import { useCallback, useMemo, useState } from 'react'
-import { match } from 'ts-pattern'
 import { type NormalizedServiceLog } from '@qovery/domains/service-logs/data-access'
-import { ServiceStateChip, useService } from '@qovery/domains/services/feature'
+import { useService } from '@qovery/domains/services/feature'
 import { type ServiceLogsParams } from '@qovery/shared/router'
-import { DEPLOYMENT_LOGS_VERSION_URL, ENVIRONMENT_LOGS_URL } from '@qovery/shared/routes'
-import { Button, DatePicker, DropdownMenu, Icon, Link, Tooltip } from '@qovery/shared/ui'
+import { Button, DatePicker, DropdownMenu, Icon, Tooltip } from '@qovery/shared/ui'
 import { dateYearMonthDayHourMinuteSecond } from '@qovery/shared/util-dates'
 import { HeaderLogs } from '../../header-logs/header-logs'
 import { SearchServiceLogs } from '../../search-service-logs/search-service-logs'
@@ -112,7 +110,7 @@ export function HeaderServiceLogs({ logs, isLiveMode, refetchHistoryLogs }: Head
           <Icon iconName="arrow-right" />
         </Link>*/}
       </HeaderLogs>
-      <div className="sticky top-[93px] z-header flex w-full items-center justify-between gap-2 border-b border-neutral bg-background px-4 py-2.5">
+      <div className="flex w-full items-center justify-between gap-2 border-b border-neutral bg-background px-4 py-2.5">
         <div className="flex w-full items-center gap-2">
           <Button
             variant="surface"
diff --git a/libs/domains/service-logs/feature/src/lib/list-service-logs/list-service-logs.tsx b/libs/domains/service-logs/feature/src/lib/list-service-logs/list-service-logs.tsx
index a78cef88b00..89bfcd3e259 100644
--- a/libs/domains/service-logs/feature/src/lib/list-service-logs/list-service-logs.tsx
+++ b/libs/domains/service-logs/feature/src/lib/list-service-logs/list-service-logs.tsx
@@ -226,7 +226,7 @@ function ListServiceLogsContent({ cluster, environment }: { cluster: Cluster; en
       <div className="w-full">
         <div>
           <HeaderServiceLogs logs={logs} isLiveMode={isLiveMode} refetchHistoryLogs={refetchHistoryLogs} />
-          <div className="flex h-[calc(100vh-216px)] flex-col items-center justify-center">
+          <div className="flex h-[calc(100vh-209px)] flex-col items-center justify-center">
             <Placeholder
               environment={environment}
               hasMetricsEnabled={hasMetricsEnabled}
@@ -243,11 +243,11 @@ function ListServiceLogsContent({ cluster, environment }: { cluster: Cluster; en
   }
 
   return (
-    <div className="w-full">
+    <div className="relative w-full">
       <div>
         <HeaderServiceLogs logs={logs} isLiveMode={isLiveMode} refetchHistoryLogs={refetchHistoryLogs} />
         {isLogsLoading && isLiveMode ? (
-          <div className="flex h-[calc(100vh-216px)] flex-col items-center justify-center">
+          <div className="flex h-[calc(100vh-209px)] flex-col items-center justify-center">
             <Placeholder
               environment={environment}
               hasMetricsEnabled={hasMetricsEnabled}
@@ -260,7 +260,7 @@ function ListServiceLogsContent({ cluster, environment }: { cluster: Cluster; en
           </div>
         ) : (
           <div
-            className="w-full pb-3"
+            className="h-[calc(100vh-209px)] w-full overflow-y-scroll "
             ref={refScrollSection}
             onWheel={(event) => {
               if (!liveLogs) return
diff --git a/libs/pages/logs/environment/src/lib/feature/pod-logs-feature/pod-logs-feature.tsx b/libs/pages/logs/environment/src/lib/feature/pod-logs-feature/pod-logs-feature.tsx
index 05f99862e6b..f090a1ffdf9 100644
--- a/libs/pages/logs/environment/src/lib/feature/pod-logs-feature/pod-logs-feature.tsx
+++ b/libs/pages/logs/environment/src/lib/feature/pod-logs-feature/pod-logs-feature.tsx
@@ -37,7 +37,7 @@ export function PodLogsFeature({ environment, deploymentStages, environmentStatu
   if (!cluster) return null
 
   return (
-    <div className="h-full w-full">
+    <div className="h-full w-full overflow-hidden">
       <ListServiceLogs
         cluster={cluster}
         environment={environment}