Add VKontakte OAuth provider support

This commit is contained in:
Georgiy Syralev
2026-01-01 17:20:27 +03:00
parent c294710208
commit 7a7d3151e8
6 changed files with 76 additions and 4 deletions

View File

@@ -201,7 +201,7 @@ const LoginPage = () => {
</div>
</div>
<div className="mt-6 grid grid-cols-3 gap-3">
<div className="mt-6 grid grid-cols-4 gap-3">
<button
type="button"
onClick={() => handleOAuthLogin('google')}
@@ -229,6 +229,14 @@ const LoginPage = () => {
<img src="/yandex.png" alt="" className="h-6 w-6" />
</button>
<button
type="button"
onClick={() => handleOAuthLogin('vkontakte')}
className="flex items-center justify-center h-12 rounded-full border border-gray-300 bg-white shadow-sm hover:bg-gray-50 transition"
aria-label={locale === 'en' ? 'Sign in with VK' : 'Войти через VK'}
>
<img src="/vk.svg" alt="VK" className="h-6 w-6" />
</button>
</div>
</div>

View File

@@ -288,7 +288,7 @@ const RegisterPage = () => {
</div>
</div>
<div className="mt-6 grid grid-cols-3 gap-3">
<div className="mt-6 grid grid-cols-4 gap-3">
<button
type="button"
onClick={() => handleOAuthLogin('google')}
@@ -315,6 +315,15 @@ const RegisterPage = () => {
>
<img src="/yandex.png" alt="" className="h-6 w-6" />
</button>
<button
type="button"
onClick={() => handleOAuthLogin('vkontakte')}
className="flex items-center justify-center h-12 rounded-full border border-gray-300 bg-white shadow-sm hover:bg-gray-50 transition"
aria-label={locale === 'en' ? 'Sign up with VK' : 'Регистрация через VK'}
>
<img src="/vk.svg" alt="VK" className="h-6 w-6" />
</button>
</div>
</div>