From 092d2a44582a3f77d1d1962afa3caf36f81b89ec Mon Sep 17 00:00:00 2001
From: itsfinniii <102350242+itsfinniii@users.noreply.github.com>
Date: Sun, 26 Apr 2026 16:25:21 +0200
Subject: [PATCH] Add loading spinner to gallery
---
astro/src/components/photos/Album.tsx | 5 ++++-
astro/src/icons/jsx/loadingSpinner.tsx | 5 +++++
2 files changed, 9 insertions(+), 1 deletion(-)
create mode 100644 astro/src/icons/jsx/loadingSpinner.tsx
diff --git a/astro/src/components/photos/Album.tsx b/astro/src/components/photos/Album.tsx
index 04fa6c2..dbea3fa 100644
--- a/astro/src/components/photos/Album.tsx
+++ b/astro/src/components/photos/Album.tsx
@@ -1,5 +1,6 @@
import { useEffect, useLayoutEffect, useRef, useState } from "preact/hooks";
import { JustifiedLayout } from '@immich/justified-layout-wasm';
+import { LoadingSpinner } from "@/icons/jsx/loadingSpinner";
export function AlbumPhotos(props: { photos: PhotoAlbumGalleryItem[] }) {
const containerRef = useRef(null);
@@ -77,7 +78,9 @@ export function AlbumPhotos(props: { photos: PhotoAlbumGalleryItem[] }) {
}) }
) : (
- Loading...
+
+
+
) }
)
diff --git a/astro/src/icons/jsx/loadingSpinner.tsx b/astro/src/icons/jsx/loadingSpinner.tsx
new file mode 100644
index 0000000..78803a5
--- /dev/null
+++ b/astro/src/icons/jsx/loadingSpinner.tsx
@@ -0,0 +1,5 @@
+export function LoadingSpinner(props: { width?: number, height?: number }) {
+ return (
+
+ )
+}