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/LoginPage.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/LoginPage.tsx')
| -rw-r--r-- | src/client/pages/LoginPage.tsx | 25 |
1 files changed, 6 insertions, 19 deletions
diff --git a/src/client/pages/LoginPage.tsx b/src/client/pages/LoginPage.tsx index 89dd053..835c73e 100644 --- a/src/client/pages/LoginPage.tsx +++ b/src/client/pages/LoginPage.tsx @@ -1,3 +1,5 @@ +import { faSpinner } from "@fortawesome/free-solid-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { type FormEvent, useEffect, useState } from "react"; import { useLocation } from "wouter"; import { ApiClientError, useAuth } from "../stores"; @@ -111,26 +113,11 @@ export function LoginPage() { > {isSubmitting ? ( <span className="flex items-center justify-center gap-2"> - <svg - className="animate-spin h-4 w-4" - viewBox="0 0 24 24" + <FontAwesomeIcon + icon={faSpinner} + className="h-4 w-4 animate-spin" aria-hidden="true" - > - <circle - className="opacity-25" - cx="12" - cy="12" - r="10" - stroke="currentColor" - strokeWidth="4" - fill="none" - /> - <path - className="opacity-75" - fill="currentColor" - d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" - /> - </svg> + /> Signing in... </span> ) : ( |