init

2026-08-22 02:59:16 +02:00
commit 6a5bb1d699
100 changed files with 17409 additions and 0 deletions
@@ -0,0 +1,82 @@
+import { useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
+
+import { DashboardLayout } from '../../components/dashboard/DashboardLayout';
+import { GalleryCard } from '../../components/dashboard/GalleryCard';
+import { deleteGallery, getGalleries } from '../../lib/api';
+import type { GallerySummary } from '../../types/gallery';
+
+export default function GalleriesPage() {
+  const [galleries, setGalleries] = useState<GallerySummary[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState('');
+
+  useEffect(() => {
+    getGalleries()
+      .then(setGalleries)
+      .catch((reason: unknown) =>
+        setError(reason instanceof Error ? reason.message : 'Could not load galleries.'),
+      )
+      .finally(() => setLoading(false));
+  }, []);
+
+  async function removeGallery(gallery: GallerySummary) {
+    if (!window.confirm(`Delete "${gallery.title}"? This cannot be undone.`)) return;
+    try {
+      await deleteGallery(gallery.id);
+      setGalleries((current) => current.filter((item) => item.id !== gallery.id));
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : 'Could not delete gallery.');
+    }
+  }
+
+  return (
+    <DashboardLayout>
+      <div className="studio-page">
+        <header className="studio-page__header studio-page__header--compact">
+          <div>
+            <p className="studio-kicker">Workspace / library</p>
+            <h1 className="studio-display">
+              Your <em>galleries.</em>
+            </h1>
+            <p className="studio-page__lede">
+              The places where your finished work becomes a shared memory.
+            </p>
+          </div>
+          <Link className="platform-button platform-button--accent" to="/dashboard/galleries/new">
+            <span>New gallery</span>
+            <span aria-hidden="true">+</span>
+          </Link>
+        </header>
+        {error && <p className="studio-alert studio-alert--error">{error}</p>}
+        {loading ? (
+          <div className="studio-list-loading">
+            <span />
+            <span />
+            <span />
+          </div>
+        ) : galleries.length === 0 ? (
+          <div className="studio-empty studio-empty--large">
+            <span className="studio-empty__mark">+</span>
+            <div>
+              <h3>A quiet room, waiting.</h3>
+              <p>
+                Create a gallery and give your next client a delivery experience they will remember.
+              </p>
+            </div>
+            <Link className="platform-button platform-button--dark" to="/dashboard/galleries/new">
+              <span>Create your first gallery</span>
+              <span aria-hidden="true">&#8599;</span>
+            </Link>
+          </div>
+        ) : (
+          <div className="gallery-grid">
+            {galleries.map((gallery) => (
+              <GalleryCard key={gallery.id} gallery={gallery} onDelete={removeGallery} />
+            ))}
+          </div>
+        )}
+      </div>
+    </DashboardLayout>
+  );
+}