DBC22-5022: Update mobile panels default open state

Author: minORC

src/frontend/src/Components/map/Map.js

@@ -233,8 +233,8 @@ export default function DriveBCMap(props) {
   };
 
   // Use a ref to persist the snap point across renders
-  const snapPointRef = useRef('25%');
-  const [snap, setSnap] = useState('25%');
+  const snapPointRef = useRef('50%');
+  const [snap, setSnap] = useState('50%');
 
   // Update both state and ref when snap changes
   const handleSnapChange = useCallback((newSnap) => {
@@ -277,8 +277,8 @@ export default function DriveBCMap(props) {
       setSnap(snapPointRef.current);
     } else if (!openPanel) {
       // Reset to default when drawer is completely dismissed
-      snapPointRef.current = '25%';
-      setSnap('25%');
+      snapPointRef.current = '50%';
+      setSnap('50%');
     }
   }, [openPanel, largeScreen]);
 

src/frontend/src/Components/report/ReportMap.js

@@ -179,8 +179,8 @@ export function ReportMap(props) {
   const [expanded, setExpanded] = useState(false);
 
   // Drawer state
-  const snapPointRef = useRef('25%');
-  const [snap, setSnap] = useState('25%');
+  const snapPointRef = useRef('50%');
+  const [snap, setSnap] = useState('50%');
 
   const handleSnapChange = (newSnap) => {
     snapPointRef.current = newSnap;
@@ -194,8 +194,8 @@ export function ReportMap(props) {
     if (activeFeature && !largeScreen) {
       setSnap(snapPointRef.current);
     } else if (!activeFeature) {
-      snapPointRef.current = '25%';
-      setSnap('25%');
+      snapPointRef.current = '50%';
+      setSnap('50%');
     }
   }, [activeFeature, largeScreen]);