From 986654fce05a845b6108abd27c7ad677e22bae2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Or=C5=82=C3=B3w?= <adrian.orlow@fishbrain.com>
Date: Tue, 9 Jan 2024 16:11:52 +0100
Subject: [PATCH] fix: overlays legends not shown
---
.../Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx | 2 ++
.../OverlaysLegends/OverlaysLegends.component.tsx | 2 +-
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx b/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx
index 13083c2c..d3e660f2 100644
--- a/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx
+++ b/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx
@@ -3,6 +3,7 @@ import { currentStepOverlayDrawerStateSelector } from '@/redux/drawer/drawer.sel
import { useAppSelector } from '@/redux/hooks/useAppSelector';
import { DrawerHeading } from '@/shared/DrawerHeading';
import { GeneralOverlays } from './GeneralOverlays';
+import { OverlaysLegends } from './OverlaysLegends';
import { UserOverlayForm } from './UserOverlayForm';
import { UserOverlays } from './UserOverlays';
@@ -17,6 +18,7 @@ export const OverlaysDrawer = (): JSX.Element => {
<div className="h-[calc(100%-93px)] max-h-[calc(100%-93px)] overflow-y-auto">
<GeneralOverlays />
<UserOverlays />
+ <OverlaysLegends />
</div>
</>
)}
diff --git a/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx b/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx
index b690ff07..b9f55675 100644
--- a/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx
+++ b/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx
@@ -6,7 +6,7 @@ export const OverlaysLegends = (): JSX.Element => {
const overlays = useSelector(activeOverlaysSelector);
return (
- <div className="p-6" data-testid="overlays-legends">
+ <div className="border-t border-t-divide p-6" data-testid="overlays-legends">
{overlays.map(overlay => (
<OverlaySingleLegend key={overlay.idObject} overlay={overlay} />
))}
--
GitLab