popov/mwitnessing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sign-in changes

Browse Source
This commit is contained in:
Dobromir Popov
2024-05-01 13:28:01 +03:00
parent ba1400f967
commit 11cf6696ff
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
pages/auth/signin.tsx
View File

@ -58,20 +58,26 @@ export default function SignIn({ csrfToken }) {
<div className="page"> <div className="page">
<div className="signin"> <div className="signin">
<div className="min-h-screen flex flex-col items-center justify-center"> <div className="min-h-screen flex flex-col items-center justify-center">
{/* SSO Providers */} {/* Section for Social Sign-On Providers */}
<div className="mt-8 w-full max-w-xs px-4"> <div className="mt-8 w-full max-w-xs px-4">
<h2 className="text-lg font-semibold text-gray-700 mb-4">Влез чрез социални медии</h2>
<button onClick={() => signIn('google', { callbackUrl: '/' })} <button onClick={() => signIn('google', { callbackUrl: '/' })}
className="flex items-center justify-center w-full py-2 px-4 border border-gray-300 rounded shadow-sm text-sm text-gray-700 bg-white hover:bg-gray-50"> className="flex items-center justify-center w-full py-2 px-4 border border-gray-300 rounded shadow-sm text-sm text-gray-700 bg-white hover:bg-gray-50">
<img loading="lazy" height="24" width="24" alt="Google logo" <img loading="lazy" height="24" width="24" alt="Google logo"
src="https://authjs.dev/img/providers/google.svg" className="mr-2" /> src="https://authjs.dev/img/providers/google.svg" className="mr-2" />
Влез чрез Google Влез чрез Google
</button> </button>
{/* Add more buttons for other SSO providers here in similar style */} {/* Add more buttons for other SSO providers here in similar style */}
</div> </div>
{/* Email and Password Form */} {/* Divider (Optional) */}
<form onSubmit={handleSubmit} className="mt-8 w-full max-w-xs px-4"> <div className="w-full max-w-xs mt-8 mb-8">
<hr className="border-t border-gray-300" />
</div>
{/* Local Account Email and Password Form */}
<form onSubmit={handleSubmit} className="w-full max-w-xs px-4">
<h2 className="text-lg font-semibold text-gray-700 mb-4">Влез с локален акаунт</h2>
<input name="csrfToken" type="hidden" defaultValue={csrfToken} /> <input name="csrfToken" type="hidden" defaultValue={csrfToken} />
<div className="mb-4"> <div className="mb-4">
<label htmlFor="email" className="block text-sm font-medium text-gray-700">имейл</label> <label htmlFor="email" className="block text-sm font-medium text-gray-700">имейл</label>