From cf7eb7757e5cb66ddecd05d9225884bbf011fe60 Mon Sep 17 00:00:00 2001
From: fuomag9 <1580624+fuomag9@users.noreply.github.com>
Date: Thu, 12 Mar 2026 09:58:45 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20address=20code=20review=20=E2=80=94=20re?=
 =?UTF-8?q?sponsive=20overflow,=20map=20minWidth,=20DataTable=20mobile=20c?=
 =?UTF-8?q?lick=20handler?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/(dashboard)/DashboardLayoutClient.tsx     | 2 +-
 app/(dashboard)/analytics/AnalyticsClient.tsx | 4 ++--
 app/(dashboard)/analytics/WorldMapInner.tsx   | 2 +-
 src/components/ui/DataTable.tsx               | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/(dashboard)/DashboardLayoutClient.tsx b/app/(dashboard)/DashboardLayoutClient.tsx
index caa33da1..97cb4aac 100644
--- a/app/(dashboard)/DashboardLayoutClient.tsx
+++ b/app/(dashboard)/DashboardLayoutClient.tsx
@@ -230,7 +230,7 @@ export default function DashboardLayoutClient({ user, children }: { user: User;
           p: { xs: 2, md: 5 },
           width: { md: `calc(100% - ${DRAWER_WIDTH}px)` },
           mt: { xs: `${APP_BAR_HEIGHT}px`, md: 0 },
-          overflowX: 'hidden',
+          overflowX: { xs: 'hidden', md: 'visible' },
         }}
       >
         <Box sx={{ maxWidth: 1200, mx: "auto" }}>
diff --git a/app/(dashboard)/analytics/AnalyticsClient.tsx b/app/(dashboard)/analytics/AnalyticsClient.tsx
index a2ebb1bb..38f39aa9 100644
--- a/app/(dashboard)/analytics/AnalyticsClient.tsx
+++ b/app/(dashboard)/analytics/AnalyticsClient.tsx
@@ -591,8 +591,8 @@ export default function AnalyticsClient() {
                   ) : (
                     <>
                       <Box sx={{ overflowX: "auto", width: "100%" }}>
-                      <ReactApexChart type="donut" series={donutSeries} options={donutOptions} height={220} />
-                    </Box>
+                        <ReactApexChart type="donut" series={donutSeries} options={donutOptions} height={220} />
+                      </Box>
                       <Table size="small" sx={{ mt: 1 }}>
                         <TableBody>
                           {protocols.map(p => (
diff --git a/app/(dashboard)/analytics/WorldMapInner.tsx b/app/(dashboard)/analytics/WorldMapInner.tsx
index 263607b5..46ea7907 100644
--- a/app/(dashboard)/analytics/WorldMapInner.tsx
+++ b/app/(dashboard)/analytics/WorldMapInner.tsx
@@ -289,7 +289,7 @@ export default function WorldMapInner({ data, selectedCountry }: { data: Country
         border: '1px solid rgba(148,163,184,0.08)',
         flex: 1,
         minHeight: 280,
-        minWidth: { xs: 0, sm: 400 },
+        minWidth: 400,
         width: '100%',
       }}>
         <MapGL
diff --git a/src/components/ui/DataTable.tsx b/src/components/ui/DataTable.tsx
index f638d1a9..8e0502e7 100644
--- a/src/components/ui/DataTable.tsx
+++ b/src/components/ui/DataTable.tsx
@@ -94,7 +94,7 @@ export function DataTable<T>({
         ) : (
           <Stack spacing={1.5}>
             {data.map((row) => (
-              <Box key={String(row[keyField])} onClick={onRowClick ? () => onRowClick(row) : undefined} sx={onRowClick ? { cursor: "pointer" } : undefined}>
+              <Box key={String(row[keyField])}>
                 {mobileCard(row)}
               </Box>
             ))}