Delete all data option

Author: RossDScott

PocketDDD.BlazorClient/PocketDDD.BlazorClient.LocalStorage/LocalStorageContext.cs

@@ -16,6 +16,8 @@ protected LocalStorageContext(ILocalStorageService localStorage)
         InitialiseKeys(typeof(KeySyncItem<>));
     }
 
+    public ValueTask DeleteAllDataAsync() => _localStorage.ClearAsync();
+
     private void InitialiseKeys(Type keyType)
     {
         this.GetType()

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

@@ -63,7 +63,7 @@
 </MudAppBar>
 
 @code {
-    [CascadingParameter] MudDialogInstance MudDialog { get; set; }
+    [CascadingParameter] MudDialogInstance MudDialog { get; set; } = default!;
 
     int _refreshments = 0;
     int _venue = 0;

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/Security/Store/SecurityActions.cs

@@ -7,4 +7,5 @@ public record LoginAction(string LoginName);
 
 public record SetLoginSuccessAction(LoginResultDTO User);
 public record SetCurrentUserAction(LoginResultDTO User);
-public record SetLoginFailed();
+public record SetLoginFailed();
+public record DeleteAllDataAndLogOutAction();

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/Security/Store/SecurityEffects.cs

@@ -1,6 +1,7 @@
 using System.Net.Http.Json;
 using Blazored.LocalStorage;
 using Fluxor;
+using Microsoft.AspNetCore.Components;
 using MudBlazor;
 using PocketDDD.BlazorClient.Features.EventScore.Store;
 using PocketDDD.BlazorClient.Features.Home.Store;
@@ -15,15 +16,17 @@ public class SecurityEffects
     private readonly LocalStorageContext _localStorage;
     private readonly IPocketDDDApiService _pocketDDDAPI;
     private readonly IDialogService _dialog;
-
+    private readonly NavigationManager _navigationManager;
     private IDialogReference? currentDialogReference = null; 
 
-    public SecurityEffects(IState<SecurityState> state, LocalStorageContext localStorage, IPocketDDDApiService pocketDDDAPI, IDialogService dialog)
+    public SecurityEffects(IState<SecurityState> state, LocalStorageContext localStorage, 
+            IPocketDDDApiService pocketDDDAPI, IDialogService dialog, NavigationManager navigationManager)
     {
         _state = state;
         _localStorage = localStorage;
         _pocketDDDAPI = pocketDDDAPI;
         _dialog = dialog;
+        _navigationManager = navigationManager;
     }
 
     [EffectMethod]
@@ -76,4 +79,11 @@ public Task OnLoginSuccess(SetCurrentUserAction action, IDispatcher dispatcher)
         _pocketDDDAPI.SetUserAuthToken(action.User.Token);
         return Task.CompletedTask;
     }
+
+    [EffectMethod]
+    public async Task DeleteAllDataAndLogOut(DeleteAllDataAndLogOutAction action, IDispatcher dispatcher)
+    {
+        await _localStorage.DeleteAllDataAsync();
+        _navigationManager.NavigateTo("/", true);
+    }
 }

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

@@ -0,0 +1,39 @@
+@using PocketDDD.BlazorClient.Features.Security.Store;
+@inject IDispatcher Dispatcher
+
+@if (_showStart)
+{
+    <MudButton 
+        Variant="Variant.Filled"
+        StartIcon="@Icons.Material.Filled.Delete"
+        Color="Color.Error"
+        Class="mt-2"
+        OnClick="() => _showStart = false">
+        Delete All Data & Logout
+    </MudButton>
+} 
+else
+{
+    <MudButton 
+        Variant="Variant.Filled"
+        StartIcon="@Icons.Material.Filled.Cancel"
+        Color="Color.Primary"
+        Class="mt-2"
+        OnClick="() => _showStart = true">
+        Cancel
+    </MudButton>
+    <MudButton 
+        Variant="Variant.Filled"
+        StartIcon="@Icons.Material.Filled.Delete"
+        Color="Color.Error"
+        Class="mt-2"
+        OnClick="HandlerConfirmDelete">
+        Confirm, delete all data
+    </MudButton>
+}
+
+@code {
+    private bool _showStart = true;
+
+    void HandlerConfirmDelete() => Dispatcher.Dispatch(new DeleteAllDataAndLogOutAction());
+}

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

@@ -28,7 +28,9 @@
                 <MudText Typo="Typo.subtitle1">@State.Value.OutstandingSyncItems</MudText>
             </MudCardContent>
         </MudCard>
-        
+
+        <DeleteAllData></DeleteAllData>
+
         @WhenSyncingShowSyncAlert()
 
     </DialogContent>
@@ -54,10 +56,9 @@
 </MudAppBar>
 
 @code {
-    RenderFragment? WhenSyncingShowSyncAlert() =>
-        State.Value.IsSyncing
+    RenderFragment? WhenSyncingShowSyncAlert() => State.Value.IsSyncing
         ? @<MudAlert Class="mt-2" Severity="Severity.Info" Icon="@Icons.Material.Filled.CloudSync"> Syncing...</MudAlert>
-            : null;
+        : null;
 }
 
 @code {