From 1eab1890dcbb29a5335c456e9816487b1291821b Mon Sep 17 00:00:00 2001
From: SomeCodecat <88855796+SomeCodecat@users.noreply.github.com>
Date: Sat, 17 May 2025 01:12:39 +0200
Subject: [PATCH] refactor: replace IconButton with Button and update login UI

---
 src/components/user/sso-login-button.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/user/sso-login-button.tsx b/src/components/user/sso-login-button.tsx
index 064e2eb..c1bd0e2 100644
--- a/src/components/user/sso-login-button.tsx
+++ b/src/components/user/sso-login-button.tsx
@@ -1,6 +1,6 @@
 import { signIn } from '@/auth';
-import { IconButton } from '@/components/icon-button';
-import { faOpenid } from '@fortawesome/free-brands-svg-icons';
+import { Button } from '@/components/ui/button';
+import { Fingerprint } from 'lucide-react';
 
 export default function SSOLogin({
   provider,
@@ -17,14 +17,19 @@ export default function SSOLogin({
         await signIn(provider);
       }}
     >
-      <IconButton
-        className='w-full'
+      <Button
+        className='w-full flex items-center'
         type='submit'
         variant='default'
-        icon={faOpenid}
       >
-        Login with {providerDisplayName}
-      </IconButton>
+        <div className='flex justify-center'>
+          <Fingerprint />
+        </div>
+
+        <div className='flex justify-center'>
+          Login with {providerDisplayName}
+        </div>
+      </Button>
     </form>
   );
 }