From cb19928bdec2a9a6d8d1f5029c39e766ce942cfa Mon Sep 17 00:00:00 2001
From: estifanos <estifanos.tria@gmail.com>
Date: Tue, 18 Aug 2026 10:41:44 +0000
Subject: [PATCH] UI fixes

---
 .../pages/MedicalVerificationPage/index.tsx   | 46 ++++++++++---------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx b/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx
index 28cc3e63d..039c7a350 100644
--- a/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx
+++ b/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx
@@ -273,6 +273,29 @@ export function MedicalVerificationPage() {
     setSeaServicePage(0);
   }, []);
 
+  const statusFilter = (
+    <SegmentedControl
+      mb="md"
+      value={filter}
+      onChange={changeFilter}
+      data={[
+        {
+          value: 'SUBMITTED',
+          label: t('recordVerification.filter.pending', 'Pending'),
+        },
+        {
+          value: 'VERIFIED',
+          label: t('recordVerification.filter.verified', 'Accepted'),
+        },
+        {
+          value: 'REJECTED',
+          label: t('recordVerification.filter.rejected', 'Rejected'),
+        },
+        { value: 'ALL', label: t('recordVerification.filter.all', 'All') },
+      ]}
+    />
+  );
+
   const emptyText =
     filter === 'SUBMITTED'
       ? t('recordVerification.emptyText', 'Nothing awaiting verification.')
@@ -348,27 +371,6 @@ export function MedicalVerificationPage() {
         )}
       </Text>
 
-      <SegmentedControl
-        mb="md"
-        value={filter}
-        onChange={changeFilter}
-        data={[
-          {
-            value: 'SUBMITTED',
-            label: t('recordVerification.filter.pending', 'Pending'),
-          },
-          {
-            value: 'VERIFIED',
-            label: t('recordVerification.filter.verified', 'Accepted'),
-          },
-          {
-            value: 'REJECTED',
-            label: t('recordVerification.filter.rejected', 'Rejected'),
-          },
-          { value: 'ALL', label: t('recordVerification.filter.all', 'All') },
-        ]}
-      />
-
       <Tabs defaultValue="medical" keepMounted={false}>
         <Tabs.List>
           <Tabs.Tab value="medical" leftSection={<IconStethoscope size={16} />}>
@@ -386,6 +388,7 @@ export function MedicalVerificationPage() {
         </Tabs.List>
 
         <Tabs.Panel value="medical" pt="md">
+          {statusFilter}
           <AdvancedTable
             columns={medicalTableColumns}
             data={pagedMedical}
@@ -405,6 +408,7 @@ export function MedicalVerificationPage() {
         </Tabs.Panel>
 
         <Tabs.Panel value="sea-service" pt="md">
+          {statusFilter}
           <AdvancedTable
             columns={seaServiceTableColumns}
             data={pagedSeaService}