widgets wording

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
 

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>
 

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" />

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>

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';

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>