Add Albums to cached pages

Author: mythz

BlazorDiffusion/Configure.Ui.cs

@@ -42,8 +42,8 @@ public void Configure(IWebHostBuilder builder) => builder
                 PrerenderDir = "/prerender",
                 Renderer = c.Resolve<IComponentRenderer>(),
                 Pages = {
-                    new(typeof(Pages.Index),  "/index.html", new() { [nameof(Pages.Index.LazyLoad)] = "false" }),
-                    //new(typeof(Pages.Create), "/create.html"), // needs to be signed in
+                    new(typeof(Pages.Index),  "/index.html",  new() { [nameof(Pages.Index.LazyLoad)] = "false" }),
+                    new(typeof(Pages.Albums), "/albums.html", new() { [nameof(Pages.Index.LazyLoad)] = "false" }),
                 }
             });
         });

BlazorDiffusion/Pages/Albums.razor

@@ -24,7 +24,7 @@
                     <NavLink href=@($"/?album={album.AlbumRef}&source={AppSource.Albums}")
                         class=@ClassNames("overflow-hidden flex justify-center")>
                         <div class="relative sm:p-2 flex flex-col cursor-pointer items-center w-32 h-32 sm:w-64 sm:h-64 xl:w-96 xl:h-96 2xl:w-[512px] 2xl:h-[512px]">
-                            <ArtifactImage Artifact="artifact" LazyLoad="true"
+                            <ArtifactImage Artifact="artifact" LazyLoad="LazyLoad ?? true"
                                    class=@ClassNames("flex rounded sm:rounded-xl w-full h-full") ImageClass="object-cover" />
 
                             <div class="absolute top-0 left-0 w-full h-full group select-none overflow-hidden sm:m-1 rounded sm:rounded-xl">

BlazorDiffusion/Pages/Albums.razor.cs

@@ -8,13 +8,15 @@ namespace BlazorDiffusion.Pages;
 
 public partial class Albums : AppAuthComponentBase
 {
-    ApiResult<GetAlbumIdsResponse> api = new();
+    [Parameter, SupplyParameterFromQuery] public bool? LazyLoad { get; set; }
+
+    [Inject] IIntersectionObserverService ObserverService { get; set; } = default!;
+    [Inject] ILogger<Favorites> Log { get; set; } = default!;
 
+    ApiResult<GetAlbumIdsResponse> api = new();
     List<AlbumResult> results = new();
     public ElementReference BottomElement { get; set; }
     IntersectionObserver? bottomObserver;
-    [Inject] IIntersectionObserverService ObserverService { get; set; } = default!;
-    [Inject] ILogger<Favorites> Log { get; set; } = default!;
 
     bool hasMore;