diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-08 00:34:57 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-08 00:34:57 +0900 |
| commit | 18fbdeca372996e37a58cf79b4d07b8c6afd7e75 (patch) | |
| tree | 97044c9f07a96c74e0dc91b515bfb231131b420d /src/client/pages/NotFoundPage.tsx | |
| parent | c8681623f72c461243dcc08cb303ead97dbeda0c (diff) | |
| download | kioku-18fbdeca372996e37a58cf79b4d07b8c6afd7e75.tar.gz kioku-18fbdeca372996e37a58cf79b4d07b8c6afd7e75.tar.zst kioku-18fbdeca372996e37a58cf79b4d07b8c6afd7e75.zip | |
refactor(client): replace inline SVGs with Font Awesome icons
Migrate all 28 inline SVG icons across 8 components to use Font Awesome
React components for better maintainability and consistency.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat (limited to 'src/client/pages/NotFoundPage.tsx')
| -rw-r--r-- | src/client/pages/NotFoundPage.tsx | 32 |
1 files changed, 8 insertions, 24 deletions
diff --git a/src/client/pages/NotFoundPage.tsx b/src/client/pages/NotFoundPage.tsx index 72531c1..c94340e 100644 --- a/src/client/pages/NotFoundPage.tsx +++ b/src/client/pages/NotFoundPage.tsx @@ -1,3 +1,5 @@ +import { faFaceSadTear, faHouse } from "@fortawesome/free-solid-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { Link } from "wouter"; export function NotFoundPage() { @@ -5,20 +7,11 @@ export function NotFoundPage() { <div className="min-h-screen bg-cream flex items-center justify-center px-4"> <div className="text-center animate-fade-in"> <div className="w-20 h-20 mx-auto mb-6 bg-ivory rounded-2xl flex items-center justify-center"> - <svg + <FontAwesomeIcon + icon={faFaceSadTear} className="w-10 h-10 text-muted" - fill="none" - stroke="currentColor" - viewBox="0 0 24 24" aria-hidden="true" - > - <path - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={1.5} - d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" - /> - </svg> + /> </div> <h1 className="font-display text-6xl font-bold text-ink mb-2">404</h1> <h2 className="font-display text-xl font-medium text-slate mb-4"> @@ -31,20 +24,11 @@ export function NotFoundPage() { href="/" className="inline-flex items-center gap-2 bg-primary hover:bg-primary-dark text-white font-medium py-2.5 px-5 rounded-lg transition-all duration-200" > - <svg + <FontAwesomeIcon + icon={faHouse} className="w-5 h-5" - fill="none" - stroke="currentColor" - viewBox="0 0 24 24" aria-hidden="true" - > - <path - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" - /> - </svg> + /> Go Home </Link> </div> |