feat: change icons

GeotrekCE · Apr 25, 2022 · 9e0d52d · 9e0d52d
1 parent 99378ac
commit 9e0d52d
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 9 deletions.
diff --git a/frontend/src/components/Map/DetailsMap/DetailsMap.tsx b/frontend/src/components/Map/DetailsMap/DetailsMap.tsx
@@ -187,8 +187,8 @@ export const DetailsMap: React.FC<PropsType> = props => {
               ? informationDeskMobileVisibility
               : null
           }
-          coursesVisibility={coursesVisibility}
-          experiencesVisibility={experiencesVisibility}
+          coursesVisibility={props.courses ? coursesVisibility : null}
+          experiencesVisibility={props.experiences ? experiencesVisibility : null}
           toggleTrekChildrenVisibility={toggleTrekChildrenVisibility}
           togglePoiVisibility={togglePoiVisibility}
           toggleReferencePointsVisibility={toggleReferencePointsVisibility}

diff --git a/frontend/src/components/Map/components/ControlSection/ControlPanel/IconOutdoorRoute.tsx b/frontend/src/components/Map/components/ControlSection/ControlPanel/IconOutdoorRoute.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgComponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 174.653 99.58"
+    height={376.364}
+    width={660.105}
+    {...props}
+  >
+    <path
+      d="M39.407 54.484c-12.992 0-23.584 10.595-23.584 23.46 0 12.097 9.275 22.098 21.114 23.335 5.05 10.215 10.225 17.31 15.805 21.854 5.922 4.825 12.41 6.65 18.645 6.05 12.47-1.2 23.383-10.647 34.08-19.572 10.694-8.922 21.204-17.388 30.126-18.891 4.46-.751 8.49-.137 13.026 3.025 3.767 2.625 7.862 7.19 12.039 14.261-9.983 2.742-17.41 11.799-17.41 22.534 0 12.945 10.653 23.521 23.644 23.521 12.928 0 23.584-10.576 23.584-23.521 0-12.079-9.353-22.13-21.175-23.336h-.062c-5.132-9.492-10.353-15.969-16.051-19.94-4.547-3.168-9.445-4.597-14.2-4.692-1.584-.032-3.144.047-4.692.308-12.383 2.087-23.238 11.792-33.893 20.682-10.655 8.89-21.06 16.881-29.757 17.719-4.348.419-8.391-.533-12.965-4.26-3.868-3.151-7.987-8.46-12.223-16.422 10.061-2.687 17.533-11.818 17.533-22.657 0-12.864-10.592-23.46-23.584-23.46zm0 7.901c8.74 0 15.68 7 15.68 15.558 0 8.651-6.94 15.558-15.68 15.558-8.74 0-15.68-6.906-15.68-15.558 0-8.557 6.94-15.558 15.68-15.558zm127.487 52.6c8.646 0 15.68 7.018 15.68 15.557 0 8.633-7.034 15.619-15.68 15.619-8.74 0-15.743-6.987-15.743-15.619 0-8.538 7.003-15.558 15.743-15.558z"
+      style={{
+        fillRule: 'evenodd',
+        strokeWidth: 0.35277778,
+      }}
+      transform="translate(-15.823 -54.482)"
+    />
+  </svg>
+);
+
+export default SvgComponent;
diff --git a/frontend/src/components/Map/components/ControlSection/ControlPanel/IconOutdoorSite.tsx b/frontend/src/components/Map/components/ControlSection/ControlPanel/IconOutdoorSite.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgComponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 126.435 126.436"
+    height={477.87}
+    width={477.863}
+    {...props}
+  >
+    <path
+      d="M141.108 37.186a23.7 23.7 0 0 0-16.763 6.944 23.7 23.7 0 0 0 0 33.525 23.7 23.7 0 0 0 33.525 0 23.7 23.7 0 0 0 0-33.525 23.7 23.7 0 0 0-16.762-6.944zm0 31.61v-.002a7.906 7.906 0 0 1-5.588-2.314 7.905 7.905 0 0 1 0-11.176 7.905 7.905 0 0 1 11.176 0 7.905 7.905 0 0 1 0 11.176 7.905 7.905 0 0 1-5.588 2.314zM156.912 147.817h-71.12v-34.255l13.829 13.828a8.398 8.398 0 0 0 5.078 2.647 7.9 7.9 0 0 0 8.752-8.752 8.404 8.404 0 0 0-2.569-5.077l-25.09-25.01V72.073l10.215 10.214a7.631 7.631 0 0 0 6.129 2.415 7.63 7.63 0 0 0 5.725-3.265V81.3a8.064 8.064 0 0 0-.732-10.214l-16.97-16.97v.001a17.442 17.442 0 0 0-24.655 0L48.751 70.87a8.062 8.062 0 0 0-1.125 10.115 7.646 7.646 0 0 0 12.11 1.264l10.252-10.175v19.144L44.9 116.21a8.396 8.396 0 0 0-2.569 5.077 7.905 7.905 0 0 0 8.752 8.752 8.396 8.396 0 0 0 5.077-2.569l13.829-13.828v34.177H46.282a7.903 7.903 0 0 0 0 15.805h110.631a7.906 7.906 0 0 0 5.588-2.314 7.905 7.905 0 0 0 0-11.176 7.907 7.907 0 0 0-5.588-2.315z"
+      style={{
+        strokeWidth: 0.35277778,
+      }}
+      transform="translate(-38.38 -37.186)"
+    />
+  </svg>
+);
+
+export default SvgComponent;
diff --git a/frontend/src/components/Map/components/ControlSection/ControlPanel/index.tsx b/frontend/src/components/Map/components/ControlSection/ControlPanel/index.tsx
@@ -5,6 +5,8 @@ import IconLocation from './IconLocation';
 import IconInfo from './IconInfo';
 import IconDrapeau from './IconDrapeau';
 import IconPatrimoine from './IconPatrimoine';
+import IconOutdoorSite from './IconOutdoorSite';
+import IconOutdoorRoute from './IconOutdoorRoute';
 import { ControlSectionProps } from '../ControlSection';
 
 const Wrapper = styled.div`
@@ -85,15 +87,15 @@ export const ControlPanel: React.FC<ControlSectionProps> = ({
       )}
       {coursesVisibility !== null && (
         <Line
-          Icon={IconInfo}
+          Icon={IconOutdoorRoute}
           active={coursesVisibility === 'DISPLAYED'}
           toggle={toggleCoursesVisibility}
           transKey="search.map.panel.courses"
         />
       )}
       {experiencesVisibility !== null && (
         <Line
-          Icon={IconInfo}
+          Icon={IconOutdoorSite}
           active={experiencesVisibility === 'DISPLAYED'}
           toggle={toggleExperiencesVisibility}
           transKey="search.map.panel.experiences"

diff --git a/...components/pages/details/components/DetailsReservationWidget/DetailsReservationWidget.tsx b/...components/pages/details/components/DetailsReservationWidget/DetailsReservationWidget.tsx
@@ -40,12 +40,14 @@ export const DetailsReservationWidget: React.FC<DetailsReservationWidgetProps> =
       };
 
       // eslint-disable-next-line
-      waitForGlobal('eitinerance').then(() => {
-        const spaClient = ITW.pages.getSinglePageApplicationClient({ layer });
-        AllianceReseaux.jQuery(function () {
-          spaClient.executePage();
+      waitForGlobal('eitinerance')
+        .then(() => waitForGlobal('AllianceReseaux'))
+        .then(() => {
+          const spaClient = ITW.pages.getSinglePageApplicationClient({ layer });
+          AllianceReseaux.jQuery(function () {
+            spaClient.executePage();
+          });
         });
-      });
     })(window, (window as any)?.eitinerance?.core);
   }, []);