Add button to add alarm through calendar item dialog

Author: CodeDoctorDE

app/lib/cubits/settings.dart

@@ -241,9 +241,9 @@ class SettingsCubit extends Cubit<FlowSettings>
     return _runSave(newState.saveAlarms);
   }
 
-  Future<void> removeAlarm(Alarm alarm) {
+  Future<void> removeAlarm(int index) {
     final newState =
-        state.copyWith(alarms: state.alarms.where((e) => e != alarm).toList());
+        state.copyWith(alarms: List<Alarm>.from(state.alarms)..removeAt(index));
     emit(newState);
     return _runSave(newState.saveAlarms);
   }

app/lib/pages/alarm/page.dart

@@ -26,8 +26,6 @@ class _AlarmPageState extends State<AlarmPage> {
           return GridView.extent(
             maxCrossAxisExtent: 300,
             childAspectRatio: 1.25,
-            mainAxisSpacing: 20,
-            crossAxisSpacing: 20,
             children: state.alarms
                 .mapIndexed((i, e) => Card(
                     clipBehavior: Clip.antiAlias,
@@ -45,21 +43,36 @@ class _AlarmPageState extends State<AlarmPage> {
                         }
                       },
                       child: Padding(
-                        padding: const EdgeInsets.symmetric(vertical: 4),
+                        padding: const EdgeInsets.only(top: 2, bottom: 8),
                         child: Column(
                           mainAxisAlignment: MainAxisAlignment.spaceBetween,
                           children: [
-                            SwitchListTile(
-                              value: e.isActive,
-                              onChanged: (_) {
-                                final settingsCubit =
-                                    context.read<SettingsCubit>();
-                                settingsCubit.changeAlarm(
-                                    i, e.copyWith(isActive: !e.isActive));
-                              },
-                              title: Text(
-                                AppLocalizations.of(context).enabled,
-                              ),
+                            Row(
+                              children: [
+                                Expanded(
+                                  child: SwitchListTile(
+                                    value: e.isActive,
+                                    onChanged: (_) {
+                                      final settingsCubit =
+                                          context.read<SettingsCubit>();
+                                      settingsCubit.changeAlarm(
+                                          i, e.copyWith(isActive: !e.isActive));
+                                    },
+                                    title: Text(
+                                      AppLocalizations.of(context).enabled,
+                                    ),
+                                  ),
+                                ),
+                                IconButton(
+                                  icon: const PhosphorIcon(
+                                      PhosphorIconsLight.trash),
+                                  onPressed: () {
+                                    final settingsCubit =
+                                        context.read<SettingsCubit>();
+                                    settingsCubit.removeAlarm(i);
+                                  },
+                                ),
+                              ],
                             ),
                             Column(
                               mainAxisSize: MainAxisSize.min,
@@ -148,9 +161,18 @@ class AlarmDialog extends StatelessWidget {
           const SizedBox(height: 20),
           TextFormField(
             decoration: InputDecoration(
-              labelText: AppLocalizations.of(context).name,
-            ),
+                labelText: AppLocalizations.of(context).name, filled: true),
+            initialValue: alarm.title,
+            onChanged: (value) => alarm = alarm.copyWith(title: value),
+          ),
+          const SizedBox(height: 8),
+          TextFormField(
+            decoration: InputDecoration(
+                labelText: AppLocalizations.of(context).description,
+                border: const OutlineInputBorder()),
             initialValue: alarm.title,
+            minLines: 3,
+            maxLines: 5,
             onChanged: (value) => alarm = alarm.copyWith(title: value),
           ),
         ],

app/lib/pages/calendar/item.dart

@@ -1,5 +1,7 @@
 import 'package:flow/cubits/flow.dart';
+import 'package:flow/cubits/settings.dart';
 import 'package:flow/helpers/event.dart';
+import 'package:flow/pages/alarm/page.dart';
 import 'package:flow/pages/groups/view.dart';
 import 'package:flow/pages/resources/view.dart';
 import 'package:flow/pages/users/view.dart';
@@ -120,11 +122,27 @@ class _CalendarItemDialogState extends State<CalendarItemDialog> {
               }
             },
           ),
+        IconButton(
+          icon: const PhosphorIcon(PhosphorIconsLight.alarm),
+          onPressed: () async {
+            final alarm = Alarm(
+              date: (_item.start ?? DateTime.now()),
+              description: _item.description,
+              title: _item.name,
+              isActive: _item.start != null,
+            );
+            final settingsCubit = context.read<SettingsCubit>();
+            final result = await showDialog<Alarm>(
+              context: context,
+              builder: (context) => AlarmDialog(initialValue: alarm),
+            );
+            if (result == null) return;
+            settingsCubit.addAlarm(result);
+          },
+        ),
         MenuAnchor(
-          builder: (context, controller, child) => IconButton(
-            icon: const PhosphorIcon(PhosphorIconsLight.dotsThreeVertical),
-            onPressed: () =>
-                controller.isOpen ? controller.close() : controller.open(),
+          builder: defaultMenuButton(
+            icon: const PhosphorIcon(PhosphorIconsLight.arrowsCounterClockwise),
           ),
           menuChildren: [
             Padding(