Added Authentik! Still working on Microsoft Entra ID

This commit is contained in:
2025-09-18 17:00:38 -05:00
parent 8677bee1a9
commit 3092ada03a
8 changed files with 77 additions and 23 deletions

View File

@@ -8,6 +8,7 @@ import { useRouter } from 'next/navigation';
import { ConvexError } from 'convex/values';
import { useState } from 'react';
import {
Button,
Card,
CardContent,
Form,
@@ -17,6 +18,7 @@ import {
FormLabel,
FormMessage,
Input,
Separator,
SubmitButton,
Tabs,
TabsContent,
@@ -217,6 +219,36 @@ const SignIn = () => {
</SubmitButton>
</form>
</Form>
<div className='flex my-auto justify-center w-2/3'>
<div className='flex flex-row w-1/3 items-center my-2.5'>
<Separator className='py-0.5 mr-3' />
<span className='font-semibold text-lg'>or</span>
<Separator className='py-0.5 ml-3' />
</div>
</div>
<div className='flex my-auto justify-center'>
<Button
onClick={() => signIn('authentik')}
className='text-lg font-semibold w-2/3 mx-auto'
>
Sign In with Gib&apos;s Auth
</Button>
</div>
<div className='flex my-auto justify-center w-2/3'>
<div className='flex flex-row w-1/3 items-center my-2.5'>
<Separator className='py-0.5 mr-3' />
<span className='font-semibold text-lg'>or</span>
<Separator className='py-0.5 ml-3' />
</div>
</div>
<div className='flex my-auto justify-center'>
<Button
onClick={() => signIn('microsoft-entra-id')}
className='text-lg font-semibold w-2/3 mx-auto'
>
Sign In with Microsoft
</Button>
</div>
</CardContent>
</Card>
</TabsContent>