refactor(auth): use icon library for provider icons

2026-06-17 16:58:24 +08:00
parent 08d512d9d6
commit b34533b242
8 changed files with 64 additions and 86 deletions
@@ -0,0 +1,35 @@
+"use client";
+
+import { FaApple, FaFacebookF } from "react-icons/fa6";
+import { FcGoogle } from "react-icons/fc";
+
+export type AuthProviderIconName = "facebook" | "google" | "apple";
+
+export interface AuthProviderIconProps {
+  provider: AuthProviderIconName;
+  size?: number;
+  className?: string;
+}
+
+export function AuthProviderIcon({
+  provider,
+  size = 20,
+  className,
+}: AuthProviderIconProps) {
+  if (provider === "google") {
+    return <FcGoogle size={size} className={className} aria-hidden="true" />;
+  }
+
+  if (provider === "apple") {
+    return <FaApple size={size} className={className} aria-hidden="true" />;
+  }
+
+  return (
+    <FaFacebookF
+      size={size}
+      className={className}
+      color="var(--color-facebook-blue)"
+      aria-hidden="true"
+    />
+  );
+}