Merge pull request #111 from Vizzuality/chore/client/legend-remove-ar…

…rows [N/A]: removes arrows of legend
Vizzuality · Dec 5, 2023 · 9a09392 · 9a09392
2 parents 69836f3 + 9995ad9
commit 9a09392
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/frontend/src/containers/map/content/map/layers-toolbox/index.tsx b/frontend/src/containers/map/content/map/layers-toolbox/index.tsx
@@ -1,4 +1,4 @@
-import { LuChevronDown, LuChevronUp } from 'react-icons/lu';
+// import { LuChevronDown, LuChevronUp } from 'react-icons/lu';
 
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 
@@ -9,7 +9,7 @@ import Legend from './legend';
 
 const TABS_TRIGGER_CLASSES =
   'group flex flex-1 items-center space-x-1 rounded-none border border-b-0 border-black py-3 px-6 font-mono text-sm font-bold uppercase leading-none text-black last:border-l-0 data-[state=active]:bg-orange';
-const TABS_ICONS_CLASSES = 'w-6 h-6 -translate-y-[2px]';
+// const TABS_ICONS_CLASSES = 'w-6 h-6 -translate-y-[2px]';
 
 const LayersToolbox = (): JSX.Element => {
   const [activeLayers] = useSyncMapLayers();
@@ -22,21 +22,21 @@ const LayersToolbox = (): JSX.Element => {
       <TabsList className="h-auto rounded-none bg-white p-0">
         <TabsTrigger value="layers-list" className={TABS_TRIGGER_CLASSES} tabIndex={0}>
           <span>layers</span>
-          <LuChevronDown
+          {/* <LuChevronDown
             className={`hidden group-data-[state=active]:block ${TABS_ICONS_CLASSES}`}
           />
           <LuChevronUp
             className={`hidden group-data-[state=inactive]:block ${TABS_ICONS_CLASSES}`}
-          />
+          /> */}
         </TabsTrigger>
         <TabsTrigger value="legend" className={TABS_TRIGGER_CLASSES} tabIndex={0}>
           <span>legend</span>
-          <LuChevronDown
+          {/* <LuChevronDown
             className={`hidden group-data-[state=active]:block ${TABS_ICONS_CLASSES}`}
           />
           <LuChevronUp
             className={`hidden group-data-[state=inactive]:block ${TABS_ICONS_CLASSES}`}
-          />
+          /> */}
         </TabsTrigger>
       </TabsList>
       <div className="w-full border border-black bg-white py-3 px-6">