diff --git a/lib/widgets/pinned_events_drawer.dart b/lib/widgets/pinned_events_drawer.dart index 02943e9..97ba307 100644 --- a/lib/widgets/pinned_events_drawer.dart +++ b/lib/widgets/pinned_events_drawer.dart @@ -51,24 +51,43 @@ class PinnedEventsDrawer extends HookConsumerWidget { ], ), ), - AsyncData(:final value) || - AsyncLoading(:final value?) => ListView.builder( - padding: .symmetric(horizontal: 8), + AsyncData(:final value) => ListView.builder( + padding: .symmetric(vertical: 18), itemCount: value.length, itemBuilder: (context, index) { final event = value[index]; - return InkWell( - borderRadius: .circular(12), - onTap: () { - Navigator.pop(context); - // TODO: // Close drawer, then scroll to the message - }, - child: EventRenderer( - event, - maxLines: 2, - isGrouped: false, - getEventOptions: getEventOptions, + return Card( + margin: .only(bottom: 8), + child: InkWell( + borderRadius: .circular(12), + onTap: () { + Navigator.pop(context); + // TODO: // Close drawer, then scroll to the message + }, + child: Padding( + padding: .all(12), + child: Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Icon( + Icons.push_pin, + size: 16, + color: theme.colorScheme.primary, + ), + SizedBox(width: 8), + Expanded( + child: EventRenderer( + event, + textOnly: true, + maxLines: 2, + isGrouped: false, + getEventOptions: getEventOptions, + ), + ), + ], + ), + ), ), ); },