fix OverallTripDescriptives not showing for multimodal unlabeled trips

The initial state of modesShown should be 'labeled' only if the trip has a label; otherwise it should be 'detected' (since there will be no toggling) With the initial state being 'detected', if there are multiple modes then the OverallTripDescriptives will show
e-mission · Feb 13, 2024 · 8047221 · 8047221
1 parent 8101388
commit 8047221
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/www/js/diary/details/LabelDetailsScreen.tsx b/www/js/diary/details/LabelDetailsScreen.tsx
@@ -40,7 +40,10 @@ const LabelScreenDetails = ({ route, navigation }) => {
   const { displayDate, displayStartTime, displayEndTime } = useDerivedProperties(trip);
   const [tripStartDisplayName, tripEndDisplayName] = useAddressNames(trip);
 
-  const [modesShown, setModesShown] = useState<'labeled' | 'detected'>('labeled');
+  const [modesShown, setModesShown] = useState<'labeled' | 'detected'>(() =>
+    // if trip has a labeled mode, initial state shows that; otherwise, show detected modes
+    trip && labelFor(trip, 'MODE')?.value ? 'labeled' : 'detected',
+  );
   const tripGeojson =
     trip &&
     labelOptions &&