From a7da92c127a62280c0b8a0dac8642ab6d805e26a Mon Sep 17 00:00:00 2001
From: Aimee Kang <asrkang@gmail.com>
Date: Fri, 24 May 2024 01:16:46 -0700
Subject: [PATCH] Map layer border (#1138)

* ADD: border for selected map layer
---
 src/components/maps/MapLayersSelector.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/maps/MapLayersSelector.tsx b/src/components/maps/MapLayersSelector.tsx
index ac5286e94..49598d53b 100644
--- a/src/components/maps/MapLayersSelector.tsx
+++ b/src/components/maps/MapLayersSelector.tsx
@@ -43,7 +43,7 @@ const MapLayersSelector: React.FC<Props> = ({ emit }) => {
                   <div className='px-1.5' key={key} onClick={() => emitMap(key)}>
                     <span className='grid grid-cols-1 justify-items-center'>
                       <img
-                        className='w-12 h-12 md:w-16 md:h-16 rounded col-span-1 shadow border-[1px] border-base-300'
+                        className={`w-12 h-12 md:w-16 md:h-16 rounded col-span-1 shadow border-base-300 ${mapKey === mapName ? 'border-2' : ''}`}
                         src={imgUrl}
                         alt='Currently selected maptiler layer'
                       />