Add bookmark toggle to home page

Author: dynamictulip

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/Home/Components/EventData.razor

@@ -1,6 +1,5 @@
-@using PocketDDD.BlazorClient.Features.Home.Store;
-@using System.Text.Json;
-@using PocketDDD.BlazorClient.Features.Session.Store;
+@using PocketDDD.BlazorClient.Features.Home.Store
+@using Session = PocketDDD.BlazorClient.Features.Home.Store.Session
 @inherits FluxorComponent
 
 @inject NavigationManager NavigationManager
@@ -53,4 +52,20 @@
 
 @code {
     void HandleViewSession(int sessionId) => NavigationManager.NavigateTo($"session/{sessionId}");
+
+    void HandleToggleSessionBookmarked(Session session)
+    {
+        Dispatcher.Dispatch(new ToggleBookmarkedAction(session.Id, !session.IsBookmarked));
+    }
+
+    private static string GetTimeSpanDisplayText(TimeSpan timeSpan)
+    {
+        if (timeSpan < TimeSpan.FromHours(1))
+        {
+            return $"{timeSpan.Minutes} minutes";
+        }
+
+        return timeSpan == TimeSpan.FromHours(1) ? "1 hour" : $"{timeSpan.TotalHours:F1} hours";
+    }
+
 }

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/Home/Store/HomeActions.cs

@@ -7,3 +7,4 @@ public record SetCurrentUser(LoginResultDTO Result);
 public record LoadDataAction();
 public record SetUserLoggedInAction();
 public record SetEventMetaDataAction(EventDataResponseDTO EventData, ICollection<int> SessionBookmarks);
+public record ToggleBookmarkedAction(int SessionId, bool Bookmarked);

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/Home/Store/HomeEffects.cs

@@ -1,22 +1,18 @@
 using Fluxor;
 using MudBlazor;
-using PocketDDD.BlazorClient.Features.Session.Store;
-using PocketDDD.BlazorClient.Features.Sync.Store;
 using PocketDDD.BlazorClient.Services;
-using PocketDDD.Shared.API.RequestDTOs;
-using System.Collections.ObjectModel;
 
 namespace PocketDDD.BlazorClient.Features.Home.Store;
 
 public class HomeEffects
 {
-    private readonly IState<HomeState> _state;
+    private readonly IDialogService _dialog;
     private readonly LocalStorageContext _localStorage;
     private readonly IPocketDDDApiService _pocketDDDAPI;
-    private readonly IDialogService _dialog;
+    private readonly IState<HomeState> _state;
 
-    public HomeEffects(IState<HomeState> state, IDispatcher dispatcher, LocalStorageContext localStorage, 
-                        IPocketDDDApiService pocketDDDAPI, IDialogService dialog)
+    public HomeEffects(IState<HomeState> state, IDispatcher dispatcher, LocalStorageContext localStorage,
+        IPocketDDDApiService pocketDDDAPI, IDialogService dialog)
     {
         _state = state;
         _localStorage = localStorage;
@@ -38,4 +34,17 @@ public async Task OnLoadData(LoadDataAction action, IDispatcher dispatcher)
         if (eventData is not null)
             dispatcher.Dispatch(new SetEventMetaDataAction(eventData, sessionBookmarks));
     }
+
+    [EffectMethod]
+    public async Task OnToggleSessionBookmarked(ToggleBookmarkedAction action, IDispatcher dispatcher)
+    {
+        var bookmarks = await _localStorage.SessionBookmarks.GetOrDefaultAsync();
+
+        if (action.Bookmarked && !bookmarks.Contains(action.SessionId))
+            bookmarks.Add(action.SessionId);
+        else if (!action.Bookmarked && bookmarks.Contains(action.SessionId))
+            bookmarks.Remove(action.SessionId);
+
+        await _localStorage.SessionBookmarks.SetAsync(bookmarks);
+    }
 }

PocketDDD.BlazorClient/PocketDDD.BlazorClient/Features/Home/Store/HomeState.cs

@@ -1,6 +1,5 @@
-using Fluxor;
-using MudBlazor;
-using System.Collections.Immutable;
+using System.Collections.Immutable;
+using Fluxor;
 
 namespace PocketDDD.BlazorClient.Features.Home.Store;
 
@@ -30,30 +29,5 @@ public record Session
     public string TrackName { get; init; } = string.Empty;
     public string RoomName { get; init; } = string.Empty;
     public bool IsBookmarked { get; set; } = false;
-
-    public string? BookmarkIconIfBookmarked => IsBookmarked
-        ? Icons.Material.Filled.Bookmark
-        : null;
+    public TimeSpan Length { get; init; }
 }
-
-//export interface SessionItemVM
-//{
-//    session: SessionDTO, 
-//    track: TrackDTO
-//    isBookmarked: boolean;
-//}
-
-//export interface MetaDataVM
-//{
-//    timeSlots: TimeSlotVM[];
-//}
-
-//export interface TimeSlotVM
-//{
-//    id: number;
-//    from: Date;
-//    to: Date;
-//    info: string;
-
-//    sessions: SessionItemVM[];
-//}