Add title to climbing dialog

zbycz · Jan 27, 2024 · 5af53ae · 5af53ae
1 parent 0b0b222
commit 5af53ae
Show file tree

Hide file tree

Showing 6 changed files with 392 additions and 371 deletions.
diff --git a/src/components/FeaturePanel/Climbing/ClimbingDialogHeader.tsx b/src/components/FeaturePanel/Climbing/ClimbingDialogHeader.tsx
@@ -6,6 +6,8 @@ import TuneIcon from '@material-ui/icons/Tune';
 import { useClimbingContext } from './contexts/ClimbingContext';
 import { ClimbingSettings } from './ClimbingSettings';
 import { PhotoLink } from './PhotoLink';
+import { useFeatureContext } from '../../utils/FeatureContext';
+import { getLabel } from '../../../helpers/featureLabel';
 
 const Title = styled.div`
   flex: 1;
@@ -41,13 +43,15 @@ export const ClimbingDialogHeader = ({
       handleImageLoad();
     }, 100);
   };
+  const { feature } = useFeatureContext();
+  const label = getLabel(feature);
 
   return (
     <AppBar position="static" color="transparent">
       <Toolbar variant="dense">
         <Title>
           <Typography noWrap variant="h6" component="div">
-            Jickovice: Hlavní oblast - patro
+            {label}
           </Typography>
           <PhotoLinks>
             {photoPaths.map((photo, index) => (

diff --git a/src/components/FeaturePanel/Climbing/ClimbingView.tsx b/src/components/FeaturePanel/Climbing/ClimbingView.tsx
@@ -107,6 +107,7 @@ export const ClimbingView = () => {
     photoPath,
     handleImageLoad,
     areRoutesLoading,
+    routes,
     setImageZoom, // TODO remove it from context
   } = useClimbingContext();
 
@@ -165,6 +166,8 @@ export const ClimbingView = () => {
   const showArrowOnBottom =
     splitPaneHeight === viewportSize.height - editorPosition.y;
 
+  console.log('_______________', JSON.stringify(routes));
+
   return (
     <Container>
       {(showArrowOnTop || showArrowOnBottom) && (

diff --git a/src/components/FeaturePanel/Climbing/contexts/ClimbingContext.tsx b/src/components/FeaturePanel/Climbing/contexts/ClimbingContext.tsx
@@ -255,7 +255,7 @@ export const ClimbingContextProvider = ({ children, feature }: Props) => {
     return !!availablePhotos.find((availablePhotoPath) => {
       if (
         availablePhotoPath !== photoPath &&
-        paths[availablePhotoPath].length > 0
+        paths[availablePhotoPath]?.length > 0
       ) {
         return true;
       }
@@ -269,7 +269,6 @@ export const ClimbingContextProvider = ({ children, feature }: Props) => {
 
       return [...new Set([...acc, ...routePhotos])];
     }, []);
-    console.log('-____', routes, photos);
     setPhotoPaths(photos.sort());
   };