on temp location map marker tap show details bottom sheet

LGro · Jun 4, 2024 · 1ecb6a2 · 1ecb6a2
1 parent 43f05cc
commit 1ecb6a2
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 2 deletions.
diff --git a/lib/ui/map/cubit.dart b/lib/ui/map/cubit.dart
@@ -23,6 +23,7 @@ Iterable<Location> contactToLocations(CoagContact contact) =>
         label:
             contact.details?.displayName ?? contact.systemContact!.displayName,
         subLabel: l.name,
+        details: '',
         marker: MarkerType.address));
 
 Location temporaryLocationToLocation(
@@ -35,6 +36,7 @@ Location temporaryLocationToLocation(
         subLabel: l.name,
         longitude: l.longitude,
         latitude: l.latitude,
+        details: '${l.start} - ${l.end}\nDetails: ${l.details}',
         marker: MarkerType.temporary);
 
 class MapCubit extends Cubit<MapState> {

diff --git a/lib/ui/map/cubit.g.dart b/lib/ui/map/cubit.g.dart
diff --git a/lib/ui/map/page.dart b/lib/ui/map/page.dart
@@ -139,8 +139,26 @@ class MapPage extends StatelessWidget {
                                     Brightness.dark,
                             // TODO: Only add on tap action for other contacts, not the profile contact
                             // TODO: Style profile contact locations differently
-                            onTap: (false)
-                                ? () {}
+                            onTap: (location.marker == MarkerType.temporary)
+                                ? () async => showModalBottomSheet<void>(
+                                    context: context,
+                                    isScrollControlled: true,
+                                    builder: (modalContext) => Padding(
+                                        padding: EdgeInsets.only(
+                                            left: 16,
+                                            top: 16,
+                                            right: 16,
+                                            bottom: 12 +
+                                                MediaQuery.of(modalContext)
+                                                    .viewInsets
+                                                    .bottom),
+                                        child: Column(
+                                            crossAxisAlignment:
+                                                CrossAxisAlignment.start,
+                                            mainAxisSize: MainAxisSize.min,
+                                            children: [
+                                              Text(location.details)
+                                            ])))
                                 : () {
                                     unawaited(Navigator.push(
                                         context,

diff --git a/lib/ui/map/state.dart b/lib/ui/map/state.dart
@@ -22,6 +22,7 @@ class Location {
     required this.latitude,
     required this.label,
     required this.subLabel,
+    required this.details,
     required this.marker,
   });
   factory Location.fromJson(Map<String, dynamic> json) =>
@@ -32,6 +33,7 @@ class Location {
   final double latitude;
   final String label;
   final String subLabel;
+  final String details;
   final MarkerType marker;
   Map<String, dynamic> toJson() => _$LocationToJson(this);
 }