JellyAI
/
hts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

.

This commit is contained in:
hailin 2025-03-12 13:13:16 +08:00
parent e9d75306df
commit 2b783149ab
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/blogai/app/[locale]/auth/sign-in/oauth-signin.tsx
View File

@ -1,6 +1,6 @@
"use client";
import { Loading } from "@/components/ui/loading";
import { GitHub, Google } from "@/components/ui/icons";
import { IconGitHub, IconGoogle } from "@/components/ui/icons";
import { toast } from "@/components/ui/toaster";
import { useSignIn } from "@clerk/nextjs";
import type { OAuthStrategy } from "@clerk/types";
@ -37,7 +37,7 @@ export function OAuthSignIn() {
{isLoading === "oauth_github" ? (
<Loading className="w-6 h-6" />
) : (
<GitHub className="w-6 h-6" />
<IconGitHub className="w-6 h-6" />
)}
GitHub
</OAuthButton>
@ -45,7 +45,7 @@ export function OAuthSignIn() {
{isLoading === "oauth_google" ? (
<Loading className="w-6 h-6" />
) : (
<Google className="w-6 h-6" />
<IconGoogle className="w-6 h-6" />
)}
Google
</OAuthButton>

18
apps/blogai/components/ui/icons.tsx
View File

@ -209,6 +209,24 @@ function IconGitHub({ className, ...props }: React.ComponentProps<'svg'>) {
)
}
function IconGoogle({ className, ...props}: React.ComponentProps<'svg'>){
return (
<svg
role="img"
viewBox="0 0 48 48"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
className={cn('h-4 w-4', className)}
{...props}
>
<title>Google</title>
<path fill="#fbc02d" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12 s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20 s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#e53935" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039 l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4caf50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36 c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1565c0" d="M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571 c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/>
</svg>
)
}
function IconTelegram({ className, ...props }: React.ComponentProps<'svg'>) {
return (
<svg