From d65cca185e236a8fea8a0af7af6a145cebea83cd Mon Sep 17 00:00:00 2001
From: mluena <maluenarod@gmail.com>
Date: Mon, 8 Apr 2024 11:05:16 +0200
Subject: [PATCH] widgets wording

---
 CHANGELOG.md                                              | 1 +
 src/containers/datasets/customize-widgets-deck/widget.tsx | 4 ++--
 src/containers/navigation/menu/index.tsx                  | 6 +++---
 src/containers/navigation/mobile/configure/index.tsx      | 2 +-
 src/containers/widgets/hooks.tsx                          | 1 -
 src/containers/widgets/index.tsx                          | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ce245843a..858a1e13f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -38,6 +38,7 @@ Unreleased
 - New legend with functionality for layers
 - Edit function for custom areas removed
 - New cursor to map for interactive layers
+- "Select data" changed to "widgets deck"
 
 ### Fixed
 
diff --git a/src/containers/datasets/customize-widgets-deck/widget.tsx b/src/containers/datasets/customize-widgets-deck/widget.tsx
index 0bb2bebb9..67cefef1c 100644
--- a/src/containers/datasets/customize-widgets-deck/widget.tsx
+++ b/src/containers/datasets/customize-widgets-deck/widget.tsx
@@ -71,8 +71,8 @@ const CustomizeWidgetsDeck = () => {
               </DialogContent>
             </Dialog>
           </span>{' '}
-          data cards. Customize the data deck according to your preferences and discover additional
-          capabilities.
+          data cards. Customize the widgets deck according to your preferences and discover
+          additional capabilities.
         </p>
       </div>
 
diff --git a/src/containers/navigation/menu/index.tsx b/src/containers/navigation/menu/index.tsx
index 1e0e4469b..108ae7cc3 100644
--- a/src/containers/navigation/menu/index.tsx
+++ b/src/containers/navigation/menu/index.tsx
@@ -52,12 +52,12 @@ const Menu = () => {
       <DialogContent
         data-testid="menu-content"
         className={cn({
-          'font-sans md:mb-20': true,
+          'min-w-[540px] font-sans md:mb-20': true,
           'h-fit py-0': section === 'main',
         })}
       >
         {section === 'main' && (
-          <div className="flex flex-col py-10 pr-20 font-sans text-black/85">
+          <div className="flex w-full flex-col py-10 font-sans text-black/85">
             <h2 className="pb-8 text-2xl font-light leading-4 md:pt-0 md:text-3xl">
               Global Mangrove Watch
             </h2>
@@ -76,7 +76,7 @@ const Menu = () => {
               </a>
             </div>
 
-            <div className="grid w-full grid-cols-2 items-center justify-between py-6 md:grid-cols-4">
+            <div className="grid grid-cols-2 items-center py-6">
               <Icon icon={ABERYSTWYTH_SVG} className="w-22 md:w-28" description="ABERYSTWYTH" />
               <Icon icon={SOLO_SVG} className="w-22 md:w-28" description="SOLO" />
               <Icon icon={WETLANDS_SVG} className="w-22 md:w-28" description="Wetlands" />
diff --git a/src/containers/navigation/mobile/configure/index.tsx b/src/containers/navigation/mobile/configure/index.tsx
index fca1c6a61..1c4766d94 100644
--- a/src/containers/navigation/mobile/configure/index.tsx
+++ b/src/containers/navigation/mobile/configure/index.tsx
@@ -17,7 +17,7 @@ const ConfigureWidgets = () => {
           <Icon
             icon={CONFIGS_SVG}
             className="h-8 w-8 fill-white text-white"
-            description="Select data"
+            description="Widgets deck"
           />
           <span className="leading-2 font-sans text-xxs text-white">Configure</span>
         </div>
diff --git a/src/containers/widgets/hooks.tsx b/src/containers/widgets/hooks.tsx
index c9447df70..463ebb3ba 100644
--- a/src/containers/widgets/hooks.tsx
+++ b/src/containers/widgets/hooks.tsx
@@ -10,7 +10,6 @@ import { useRecoilValue } from 'recoil';
 
 import { WIDGETS_BY_CATEGORY } from 'containers/widgets/constants';
 
-import type { Category } from 'types/category';
 import type { WidgetSlugType, WidgetTypes } from 'types/widget';
 
 import widgets, { ANALYSIS_WIDGETS_SLUGS, MAP_SETTINGS_SLUGS } from './constants';
diff --git a/src/containers/widgets/index.tsx b/src/containers/widgets/index.tsx
index 55c9ec8cc..522847cb3 100644
--- a/src/containers/widgets/index.tsx
+++ b/src/containers/widgets/index.tsx
@@ -156,7 +156,7 @@ const WidgetsContainer: FC = () => {
                   })}
                 >
                   <p>
-                    Select Data <span>({activeWidgets.length})</span>
+                    Widgets deck <span>({activeWidgets.length})</span>
                   </p>
                 </button>
               </DialogTrigger>
@@ -277,7 +277,7 @@ const WidgetsContainer: FC = () => {
               >
                 <Icon icon={SETTINGS_SVG} className="h-4 w-4 flex-shrink-0" />
                 <motion.span variants={textMotion} className="whitespace-nowrap">
-                  Select Data
+                  Widgets deck
                 </motion.span>
               </motion.button>
             </motion.div>