React-Frontend: Login, Registrierung, Header, neuer Beitrag

- AuthBox mit Login/Registrierung (Auto-Login nach Registrierung)
- Compose mit Zwischenablage-Bild, Feed springt danach an den Anfang
- Headerbar mit Profil-Link und Logout
- useAuthChanged: me und Votes nach Login/Logout neu laden
- kein Aufblitzen der Login-Box, solange der Anmeldestatus lädt

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TiXsPUqw7oeomZ8wZrQW5q
This commit is contained in:
irrlicht
2026-09-26 23:38:03 +02:00
co-authored by Claude Opus 5.5
parent b82c432bce
commit ca65ddcacc
5 changed files with 165 additions and 4 deletions
+12 -2
View File
@@ -1,6 +1,16 @@
import { useMe } from "../auth";
import { AuthBox } from "../components/AuthBox";
import { Compose } from "../components/Compose";
import { Feed } from "../components/Feed";
// Login/Registrierung und das Formular für neue Beiträge folgen in Schritt 4.
// Solange der Anmeldestatus noch lädt, weder Login noch Formular zeigen --
// sonst blitzt bei Angemeldeten kurz die Login-Box auf.
export function FeedPage() {
return <Feed queryKey={["feed"]} urlFor={(page) => `/entry/feed/${page}`} />;
const me = useMe();
return (
<>
{me.isSuccess && (me.data ? <Compose /> : <AuthBox />)}
<Feed queryKey={["feed"]} urlFor={(page) => `/entry/feed/${page}`} />
</>
);
}