refactor: clean up unused styles and components in MapFeatureExplorer

Plant-for-the-Planet-org · Jan 31, 2025 · 9f337bd · 9f337bd
1 parent 3874bfc
commit 9f337bd
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 57 deletions.
diff --git a/src/features/projectsV2/ProjectsMap/MapFeatureExplorer/MapFeatureExplorer.module.scss b/src/features/projectsV2/ProjectsMap/MapFeatureExplorer/MapFeatureExplorer.module.scss
@@ -99,16 +99,6 @@
       }
     }
   }
-
-  .mapLayer {
-    cursor: pointer;
-  }
-
-  hr {
-    border-top: 1px dashed rgba(189, 189, 189, 1);
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
 }
 
 .layerInfoPopupContainer {
@@ -153,20 +143,8 @@
   width: 24px;
 }
 
-.infoIconContainer {
-  margin-top: 2px;
-}
-
 .exploreDescription {
   height: fit-content;
   font-size: var(--font-xx-extra-small);
   border-radius: 6px;
 }
-
-.hrLine {
-  width: 150px;
-  height: 0.4px;
-  margin-top: 6px;
-  margin-bottom: 6px;
-  background: $horizontalLineColor;
-}
diff --git a/src/features/projectsV2/ProjectsMap/MapFeatureExplorer/MapSettings.tsx b/src/features/projectsV2/ProjectsMap/MapFeatureExplorer/MapSettings.tsx
@@ -3,10 +3,6 @@ import type { MapOptions } from '../../ProjectsMapContext';
 import type { SetState } from '../../../common/types/common';
 
 import styles from './MapFeatureExplorer.module.scss';
-// // import { MapLayerToggle } from '.';
-// import InfoIcon from '../../../../../public/assets/images/icons/projectV2/InfoIcon';
-// import { StyledSwitch } from './CustomSwitch';
-// import { YearRangeSlider } from '.';
 import { useTranslations } from 'next-intl';
 import MapSettingsSection from './microComponents/MapSettingsSection';
 import MobileMapSettingsLayout from './MobileMapSettingsLayout';
@@ -72,16 +68,7 @@ const MapSettings: FC<MapSettingsProps> = ({
 
   return (
     <div className={styles.exploreMainContainer}>
-      <div className={styles.exploreItemsContainer}>
-        {/* <MapLayerToggle
-            infoIcon={<InfoIcon width={'10px'} />}
-            label={tAllProjects('deforestation')}
-            switchComponent={
-              <StyledSwitch customColor={`${deforestrationToggleColorNew}`} />
-            }
-          /> */}
-        {content}
-      </div>
+      <div className={styles.exploreItemsContainer}>{content}</div>
     </div>
   );
 };

diff --git a/src/features/projectsV2/ProjectsMap/MapFeatureExplorer/index.tsx b/src/features/projectsV2/ProjectsMap/MapFeatureExplorer/index.tsx
@@ -8,27 +8,6 @@ import CustomButton from './CustomButton';
 import MapSettings from './MapSettings';
 import styles from './MapFeatureExplorer.module.scss';
 
-interface EcosystemOptionProps {
-  label: string;
-  switchComponent: React.ReactNode;
-}
-
-export const MapLayerToggle = ({
-  label,
-  switchComponent,
-}: EcosystemOptionProps) => {
-  return (
-    <>
-      <div className={styles.toggleMainContainer}>
-        <div className={styles.toggleContainer}>
-          <div>{label}</div>
-        </div>
-        <div className={styles.switchContainer}>{switchComponent}</div>
-      </div>
-    </>
-  );
-};
-
 type MapFeatureExplorerProps = {
   mapOptions: MapOptions;
   updateMapOption: (option: keyof MapOptions, value: boolean) => void;