Move dialog buttons to footer

Author: RossDScott

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/EventFeedback/Components/EventFeedback.razor

@@ -41,25 +41,27 @@
             </MudCardContent>
         </MudCard>
     </DialogContent>
-    <DialogActions>
-        <MudButton 
-            Variant="Variant.Filled"
-            Color="Color.Secondary"
-            FullWidth="true"
-            OnClick="HandleCancel">
-            Cancel
-        </MudButton>
-        <MudButton
-            Variant="Variant.Filled"
-            Color="Color.Primary"
-            FullWidth="true"
-            OnClick="HandleSubmit"
-            Disabled="!isDirty">
-            Submit
-        </MudButton>
-    </DialogActions>
 </MudDialog>
 
+<MudAppBar Bottom="true" Fixed="true" Color="Color.Transparent" Elevation="1">
+    <MudButton 
+        Variant="Variant.Filled"
+        Color="Color.Secondary"
+        FullWidth="true"
+        OnClick="HandleCancel">
+        Cancel
+    </MudButton>
+    <MudButton
+        Class="ml-2"
+        Variant="Variant.Filled"
+        Color="Color.Primary"
+        FullWidth="true"
+        OnClick="HandleSubmit"
+        Disabled="!isDirty">
+        Submit
+    </MudButton>
+</MudAppBar>
+
 @code {
     [CascadingParameter] MudDialogInstance MudDialog { get; set; }
 

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/SessionFeedback/Components/SessionFeedback.razor

@@ -9,7 +9,7 @@
     <TitleContent><MudText Typo="Typo.h6" Align="Align.Center">Session Feedback</MudText></TitleContent>
     <DialogContent>
 
-        @WhenFeedbackAlreadySubmitedShowWarning()
+        @WhenFeedbackAlreadySubmittedShowWarning()
 
         <MudCard Class="mt-3">
             <MudCardContent>
@@ -30,27 +30,29 @@
             </MudCardContent>
         </MudCard>
     </DialogContent>
-    <DialogActions>
-        <MudButton 
-            Variant="Variant.Filled"
-            Color="Color.Secondary"
-            FullWidth="true"
-            OnClick="HandleCancel">
-            Cancel
-        </MudButton>
-        <MudButton
-            Variant="Variant.Filled"
-            Color="Color.Primary"
-            FullWidth="true"
-            OnClick="HandleSubmit"
-            Disabled="!isDirty">
-            Submit
-        </MudButton>
-    </DialogActions>
 </MudDialog>
 
+<MudAppBar Bottom="true" Fixed="true" Color="Color.Transparent" Elevation="1">
+    <MudButton 
+        Variant="Variant.Filled"
+        Color="Color.Secondary"
+        FullWidth="true"
+        OnClick="HandleCancel">
+        Cancel
+    </MudButton>
+    <MudButton
+        Class="ml-2"
+        Variant="Variant.Filled"
+        Color="Color.Primary"
+        FullWidth="true"
+        OnClick="HandleSubmit"
+        Disabled="!isDirty">
+        Submit
+    </MudButton>
+</MudAppBar>
+
 @code {
-    RenderFragment? WhenFeedbackAlreadySubmitedShowWarning() => State.Value.TimeSlotAlreadyHasFeedback
+    RenderFragment? WhenFeedbackAlreadySubmittedShowWarning() => State.Value.TimeSlotAlreadyHasFeedback
         ? @<MudAlert Severity="Severity.Warning">
             You have already submitted feedback for a session at this time!<br />
             You are welcome to submit this feedback, but it won't get you anymore points!

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/SessionFeedback/Store/SessionFeedbackEffects.cs

@@ -21,22 +21,34 @@ public EventFeedbackEffects(IState<SessionFeedbackState> state, IDispatcher disp
     [EffectMethod]
     public async Task OnFetchExistingSessionFeedback(FetchExistingSessionFeedbackAction action, IDispatcher dispatcher)
     {
-        var feebackItems = await _localStorage.SessionFeedbacks.GetOrDefaultAsync();
-        var feedback = feebackItems.FirstOrDefault(x => x.SessionId == action.SessionId);
+        var feedbackItems = await _localStorage.SessionFeedbacks.GetOrDefaultAsync();
+        var feedback = feedbackItems.FirstOrDefault(x => x.SessionId == action.SessionId);
+        int? timeSlotId = feedback?.TimeSlotId;
+
         if (feedback is not null)
         {
             dispatcher.Dispatch(new SetSessionFeedbackAction(feedback));
+        }
 
-            if (feebackItems.Any(x => x.SessionId != feedback.SessionId &&
-                                     x.TimeSlotId == feedback.TimeSlotId))
-                dispatcher.Dispatch(new SetTimeSlotAlreadyHasFeedbackAction());
+        if (timeSlotId is null)
+        {
+            var eventData = await _localStorage.EventData.GetAsync();
+            timeSlotId = eventData!.Sessions.Single(x => x.Id == action.SessionId).TimeSlotId;
         }
+
+        if (feedbackItems.Any(x => x.SessionId != action.SessionId &&
+                                   x.TimeSlotId == timeSlotId))
+            dispatcher.Dispatch(new SetTimeSlotAlreadyHasFeedbackAction());
     }
 
     [EffectMethod]
     public async Task OnSubmitSessionFeedbackAction(SubmitSessionFeedbackAction action, IDispatcher dispatcher)
     {
         var feedback = action.Feedback;
+
+        var eventData = await _localStorage.EventData.GetAsync();
+        feedback.TimeSlotId = eventData!.Sessions.Single(x => x.Id == feedback.SessionId).TimeSlotId;
+        
         var feedbackItems = await _localStorage.SessionFeedbacks.GetOrDefaultAsync();
         feedbackItems.RemoveAll(x => x.SessionId == feedback.SessionId);
         feedbackItems.Add(feedback);

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/Sync/Components/SyncStatus.razor

@@ -32,25 +32,27 @@
         @WhenSyncingShowSyncAlert()
 
     </DialogContent>
-    <DialogActions>
-        <MudButton 
-            Variant="Variant.Filled"
-            Color="Color.Primary"
-            FullWidth="true"
-            StartIcon="@Icons.Material.Filled.CloudSync"
-            OnClick="HandleSync">
-            Sync
-        </MudButton>
-        <MudButton
-            Variant="Variant.Filled"
-            Color="Color.Secondary"
-            FullWidth="true"
-            OnClick="HandleClose">
-            Close
-        </MudButton>
-    </DialogActions>
 </MudDialog>
 
+<MudAppBar Bottom="true" Fixed="true" Color="Color.Transparent" Elevation="1">
+    <MudButton
+        Variant="Variant.Filled"
+        Color="Color.Secondary"
+        FullWidth="true"
+        OnClick="HandleClose">
+        Close
+    </MudButton>
+    <MudButton 
+        Class="ml-2"
+        Variant="Variant.Filled"
+        Color="Color.Primary"
+        FullWidth="true"
+        StartIcon="@Icons.Material.Filled.CloudSync"
+        OnClick="HandleSync">
+        Sync
+    </MudButton>
+</MudAppBar>
+
 @code {
     RenderFragment WhenSyncingShowSyncAlert() =>
         State.Value.IsSyncing