c2a2c98f16
Machine-baseline harvest (ruff + knip), all tsc/parse-green, no runtime change: - backend: remove 3 unused imports (channels/playlists/youtube) via ruff; drop the unused `job` binding in unshare_download (keep the _own_job ownership guard call). - frontend: remove `export` from 23 internally-used-only symbols (knip "unused exports") to shrink the public surface; delete 2 genuinely-dead declarations (PlexBrowseResult — leftover from the removed /browse route; WIDGET_TITLES — hardcoded English titles superseded by i18n). Held back for a decision (unused here = possibly-unwired, NOT dead — flagged, not removed): e2ee.lock()/clearDevice() (security primitives never wired to logout / a "forget device" feature) and loadDefaultViewFilters (App reimplements it inline — a DRY issue). See siftlode-ops/CODE-HYGIENE.md.
87 lines
3.2 KiB
TypeScript
87 lines
3.2 KiB
TypeScript
// Shared shell for the public, login-free legal pages (/privacy, /terms). These must be
|
|
// reachable unauthenticated — Google's OAuth consent screen links to them and reviewers
|
|
// fetch them directly — so they render outside the authenticated App tree (see main.tsx),
|
|
// with no react-query provider: the operator contact is fetched with a plain fetch below.
|
|
import { useEffect, useState } from "react";
|
|
|
|
const LAST_UPDATED = "June 14, 2026";
|
|
|
|
// Contact shown on the legal pages: the instance operator's configured admin email, from the
|
|
// public /auth/config. One shared fetch across the page; null when the operator set none.
|
|
let contactPromise: Promise<string | null> | null = null;
|
|
function fetchOperatorContact(): Promise<string | null> {
|
|
if (!contactPromise) {
|
|
contactPromise = fetch("/auth/config")
|
|
.then((r) => (r.ok ? r.json() : null))
|
|
.then((c) => (c?.operator_contact as string | undefined) ?? null)
|
|
.catch(() => null);
|
|
}
|
|
return contactPromise;
|
|
}
|
|
|
|
function useOperatorContact(): string | null {
|
|
const [contact, setContact] = useState<string | null>(null);
|
|
useEffect(() => {
|
|
let alive = true;
|
|
fetchOperatorContact().then((c) => alive && setContact(c));
|
|
return () => {
|
|
alive = false;
|
|
};
|
|
}, []);
|
|
return contact;
|
|
}
|
|
|
|
// The operator's contact rendered as a mailto link, or a neutral fallback phrase when unset.
|
|
export function ContactEmail() {
|
|
const email = useOperatorContact();
|
|
if (!email) return <>your instance's administrator</>;
|
|
return (
|
|
<a href={`mailto:${email}`} className="text-accent hover:underline">
|
|
{email}
|
|
</a>
|
|
);
|
|
}
|
|
|
|
export function LegalLink({ href, children }: { href: string; children: React.ReactNode }) {
|
|
return (
|
|
<a href={href} target="_blank" rel="noreferrer" className="text-accent hover:underline">
|
|
{children}
|
|
</a>
|
|
);
|
|
}
|
|
|
|
export default function LegalLayout({
|
|
title,
|
|
children,
|
|
}: {
|
|
title: string;
|
|
children: React.ReactNode;
|
|
}) {
|
|
const contact = useOperatorContact();
|
|
return (
|
|
<div className="min-h-screen bg-bg text-fg">
|
|
<div className="mx-auto w-[min(92vw,720px)] py-12">
|
|
<a href="/" className="inline-block text-2xl font-bold tracking-tight mb-8">
|
|
Sift<span className="text-accent">lode</span>
|
|
</a>
|
|
<div className="glass rounded-2xl p-8">
|
|
<h1 className="text-2xl font-semibold">{title}</h1>
|
|
<p className="text-xs text-muted mt-1 mb-6">Last updated: {LAST_UPDATED}</p>
|
|
<div className="space-y-5 text-sm leading-relaxed text-fg/90">{children}</div>
|
|
</div>
|
|
<footer className="mt-6 flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted">
|
|
<a href="/" className="hover:text-fg transition">Home</a>
|
|
<a href="/privacy" className="hover:text-fg transition">Privacy Policy</a>
|
|
<a href="/terms" className="hover:text-fg transition">Terms of Service</a>
|
|
{contact && (
|
|
<a href={`mailto:${contact}`} className="hover:text-fg transition">Contact</a>
|
|
)}
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export function H2({ children }: { children: React.ReactNode }) {
|
|
return <h2 className="text-base font-semibold text-fg pt-2">{children}</h2>;
|
|
}
|