climbing: shrink ClimbingEditorHelperText

zbycz · Oct 9, 2024 · ed8a5ca · ed8a5ca
1 parent a8527fe
commit ed8a5ca
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/FeaturePanel/Climbing/ClimbingCragDialog.tsx b/src/components/FeaturePanel/Climbing/ClimbingCragDialog.tsx
@@ -17,7 +17,7 @@ import { useFeatureContext } from '../../utils/FeatureContext';
 import { useGetHandleSave } from './useGetHandleSave';
 import { getWikimediaCommonsPhotoKeys, removeFilePrefix } from './utils/photo';
 import { useMobileMode } from '../../helpers';
-import { Guide } from './Guide';
+import { ClimbingEditorHelperText } from './ClimbingEditorHelperText';
 
 const Flex = styled.div`
   display: flex;
@@ -147,7 +147,9 @@ export const ClimbingCragDialog = ({
                       Add new route
                     </Button>
                   )}
-                  <Guide />
+                  <div style={{ display: 'flex', justifyContent: 'center' }}>
+                    <ClimbingEditorHelperText />
+                  </div>
                 </>
               )}
             </LeftActions>

diff --git a/...omponents/FeaturePanel/Climbing/Guide.tsx → ...nel/Climbing/ClimbingEditorHelperText.tsx b/...omponents/FeaturePanel/Climbing/Guide.tsx → ...nel/Climbing/ClimbingEditorHelperText.tsx
@@ -11,7 +11,7 @@ const InlineBlockContainer = styled.div`
   display: inline-block;
 `;
 
-export const Guide = () => {
+export const ClimbingEditorHelperText = () => {
   const { routeSelectedIndex, getCurrentPath, getMachine } =
     useClimbingContext();
   const { feature } = useFeatureContext();
@@ -31,7 +31,7 @@ export const Guide = () => {
     <>
       {routeSelectedIndex === null && (
         <Alert severity="info">
-          Select route you want to draw from the list
+          Select route you want to draw from the list.
         </Alert>
       )}
 
@@ -83,7 +83,7 @@ export const Guide = () => {
               </Button>
             }
           >
-            This route is not drawn yet
+            This route is not drawn yet.
           </Alert>
         )}
     </>