Fusion
6f41fa7cbe
- Install @phosphor-icons/react package - Create centralized Icon component with size/weight/color variants - Create icon registry with 34 icons across 5 categories - Replace all raw Unicode symbols with proper icon components - Add icons to navigation, buttons, status indicators, git operations - Add icon CSS with consistent sizing and spacing - Fix type definitions for Phosphor icon compatibility Quality gates: typecheck ✓, lint ✓, build ✓ (375KB bundle)
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
export const PlaceholderPage = ({ title }: { title: string }) => {
|
|
return (
|
|
<section className="stack">
|
|
<h1>{title}</h1>
|
|
<p className="muted">This page is part of the frontend foundation scaffold.</p>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export const NotFoundPage = () => {
|
|
return (
|
|
<section className="stack center-screen">
|
|
<h1>404</h1>
|
|
<p className="muted">The page you requested does not exist.</p>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
const API_BASE_URL = import.meta.env.VITE_API_BASE_URL ?? "http://localhost:8000";
|
|
|
|
import { Icon } from "../components/icon";
|
|
|
|
export const LoginRedirectPage = () => {
|
|
const nextPath = new URLSearchParams(window.location.search).get("next") ?? "/";
|
|
const encodedNext = encodeURIComponent(nextPath);
|
|
|
|
return (
|
|
<section className="stack center-screen">
|
|
<h1>Sign in required</h1>
|
|
<p className="muted">You need to authenticate to access this section.</p>
|
|
<a className="primary-button" href={`${API_BASE_URL}/auth/login?next=${encodedNext}`}>
|
|
<Icon name="profile" size="sm" />
|
|
Continue to login
|
|
</a>
|
|
</section>
|
|
);
|
|
};
|