feat(line-profile): add a map (#557)

hasadna · Mar 7, 2024 · 8a928f5 · 8a928f5
1 parent d8b1a55
commit 8a928f5
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/pages/Profile.tsx b/src/pages/Profile.tsx
@@ -11,6 +11,7 @@ import { useTranslation } from 'react-i18next'
 import Widget from 'src/shared/Widget'
 import { useLoaderData } from 'react-router-dom'
 import { ProfileLineDetails } from './ProfileLineDetails'
+import { MapWithLocationsAndPath } from './components/map-related/MapWithLocationsAndPath'
 
 const Profile = () => {
   return (
@@ -104,6 +105,9 @@ const LineProfileComponent = () => {
           <div></div>
         </div>
       </Widget>
+      <LineProfileMapContainer>
+        <MapWithLocationsAndPath positions={[]} plannedRouteStops={[]} />
+      </LineProfileMapContainer>
     </Grid>
   )
 }
@@ -132,4 +136,10 @@ const TableStyle = styled.table`
   }
 `
 
+const LineProfileMapContainer = styled.div`
+  .map-info {
+    height: 15rem;
+  }
+`
+
 export default Profile