fix: basemap modal closes menu (#938)

* fix (bottomSheet): bottomSheet close on generate mbtiles click in mobile view * fix (projectDetails): generateMbTilesModal - close modal when footer selection changes
hotosm · Oct 30, 2023 · b8a38b7 · b8a38b7
1 parent 31ae1fc
commit b8a38b7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/frontend/src/components/ProjectDetails/ProjectOptions.tsx b/src/frontend/src/components/ProjectDetails/ProjectOptions.tsx
@@ -3,6 +3,7 @@ import CoreModules from '../../shared/CoreModules';
 import AssetModules from '../../shared/AssetModules';
 import environment from '../../environment';
 import { DownloadDataExtract, DownloadProjectForm } from '../../api/Project';
+import { ProjectActions } from '../../store/slices/ProjectSlice';
 
 const ProjectOptions = ({ setToggleGenerateModal }) => {
   const dispatch = CoreModules.useAppDispatch();
@@ -119,7 +120,10 @@ const ProjectOptions = ({ setToggleGenerateModal }) => {
             </CoreModules.Button>
           </CoreModules.Link>
           <CoreModules.Button
-            onClick={() => setToggleGenerateModal(true)}
+            onClick={() => {
+              setToggleGenerateModal(true);
+              dispatch(ProjectActions.SetMobileFooterSelection('explore'));
+            }}
             variant="contained"
             color="error"
             sx={{ width: '200px', mr: '15px' }}

diff --git a/src/frontend/src/views/NewProjectDetails.jsx b/src/frontend/src/views/NewProjectDetails.jsx
@@ -186,6 +186,12 @@ const Home = () => {
     fillOpacity: '0',
   };
 
+  useEffect(() => {
+    if (mobileFooterSelection !== 'explore') {
+      setToggleGenerateModal(false);
+    }
+  }, [mobileFooterSelection]);
+
   return (
     <div>
       {/* Customized Modal For Generate Tiles */}