LoVisual/frontend/src/pages/public/HomePage.tsx
loki5512344 fd2e29cede
feat(frontend): avatar upload QOL — feedback, re-crop, drop, progress, history
Task 12 batch around the existing crop/preview flow:
- Success Notice (auto-dismiss ~2.5s) after an avatar upload.
- "Reposition" re-crops the current avatar without re-picking a file.
- Drag & drop an image straight onto the profile avatar circle.
- Real upload progress via a new XHR-backed api.upload (fetch has none);
  refreshOnce now also stores the renewed token (reload-restore fix).
- Local avatar history (last 5, IndexedDB, this-device-only) strip that
  re-uploads a stored crop. Stored as ArrayBuffer (Blob is not cloneable
  under structuredClone); label makes the per-device scope explicit.
- Added a "success" tone to Notice.

Infra (same session): registered @shared/@features/@pages/@app/@test path
aliases in vite.config + tsconfigs and rewrote deep ../../../ imports;
moved avatar components into components/avatar/ to keep folders at <=4 files.

Tests: avatarHistory cap/order, recrop visibility, drop-opens-cropper,
client upload/progress/401-retry. bun test 103 pass, lint 0 errors, build ok.
2026-09-28 22:56:01 +02:00

26 lines
924 B
TypeScript

import { CommandHero } from '@features/landing/CommandHero'
import { HowItWorks } from '@features/landing/HowItWorks'
import { FaqDownload } from '@features/landing/sections/explore/FaqDownload'
import { Hero } from '@features/landing/sections/hero/Hero'
import { HudPlayground } from '@features/landing/sections/explore/HudPlayground'
import { ModuleWall } from '@features/landing/sections/explore/ModuleWall'
import { ShowcaseTeaser } from '@features/landing/sections/explore/ShowcaseTeaser'
import { ThemeStrip } from '@features/landing/sections/hero/ThemeStrip'
export default function HomePage() {
return (
<>
<Hero />
<ThemeStrip />
<div className="lv-lower">
<div aria-hidden="true" className="lv-lower-bg" />
<HudPlayground />
<CommandHero />
<HowItWorks />
<ModuleWall />
<ShowcaseTeaser />
<FaqDownload />
</div>
</>
)
}