JakeBreath/J621
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Footer: drop the duplicate build version, keep it in the header only

Browse Source 
- Footer now shows just the storage path and active workers
- Version/env stays in the header status pill (spec updated to match)
This commit is contained in:
JakeBreath
2026-09-17 08:28:23 -05:00
parent cc625d1e10
commit 8a81764401
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/design.md_j621_frontend_spec.md
+2 -2
View File
@@ -83,8 +83,8 @@ All tag chips, counters, and sidebar taxonomy badges strictly adhere to e621's e
- **Global Footer Status Strip (`#11111b`, height: 32px):** - **Global Footer Status Strip (`#11111b`, height: 32px):**
- The strip placement is a proposal; its values are real and drawn from the existing stats data. - The strip placement is a proposal; its values are real and drawn from the existing stats data.
- Left: the watched folder path — `📁 Local Storage: /mnt/media/library`. This is the only place the path appears (J621 is folder-based; it is just a path on disk, not a NAS/appliance indicator). - Left: the watched folder path — `📁 Local Storage: /mnt/media/library`. This is the only place the path appears (J621 is folder-based; it is just a path on disk, not a NAS/appliance indicator).
- Center: `⚡ Active Workers: N running | Queue: M pending` — the count of active optimization/ingest jobs and queued downloads (the original app surfaced this on its stats page; the footer simply keeps it visible). - Right: `⚡ Active Workers: N running | Queue: M pending` — the count of active optimization/ingest jobs and queued downloads (the original app surfaced this on its stats page; the footer simply keeps it visible).
- Right: the running build — `<env> @ <git commit hash>` (e.g. `dev @ 3f35330`), matching the original app. - The build version (`<env> @ <git commit hash>`) is shown by the header status pill only — never repeated in the footer.
- **Collapsible Sidebar (Behavior):** - **Collapsible Sidebar (Behavior):**
- **Closed by default** across all gallery and viewer views to prioritize screen real estate. - **Closed by default** across all gallery and viewer views to prioritize screen real estate.
- Toggled via `☰` button or quick keyboard shortcut (`Ctrl+B` or `⌘B`). - Toggled via `☰` button or quick keyboard shortcut (`Ctrl+B` or `⌘B`).
frontend/src/components/StatusFooter.tsx
+1 -6
View File
@@ -1,7 +1,6 @@
import { Folder, Zap } from "lucide-react"; import { Folder, Zap } from "lucide-react";
import type { SystemStatus } from "@/lib/types"; import type { SystemStatus } from "@/lib/types";
import { APP_VERSION } from "@/lib/version";
export function StatusFooter({ status }: { status?: SystemStatus }) { export function StatusFooter({ status }: { status?: SystemStatus }) {
return ( return (
@@ -17,7 +16,7 @@ export function StatusFooter({ status }: { status?: SystemStatus }) {
</span> </span>
<span <span
className="hidden shrink-0 items-center gap-1.5 md:flex" className="ml-auto hidden shrink-0 items-center gap-1.5 md:flex"
title="Active background jobs" title="Active background jobs"
> >
<Zap className="h-3 w-3" /> <Zap className="h-3 w-3" />
@@ -28,10 +27,6 @@ export function StatusFooter({ status }: { status?: SystemStatus }) {
: "…"} : "…"}
</span> </span>
</span> </span>
<span className="ml-auto shrink-0" title="Running build">
{status?.version ?? APP_VERSION}
</span>
</div> </div>
</footer> </footer>
); );