gib/T3-Template
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Got Apple Auth working

Browse Source
This commit is contained in:
Gabriel Brown
2025-06-08 18:31:35 -05:00
parent c47c43dc92
commit 6a6c0934d5
4 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/(auth-pages)/sign-up/page.tsx
View File

@ -201,8 +201,8 @@ const SignUp = () => {
<span className='text-sm text-muted-foreground'>or</span> <span className='text-sm text-muted-foreground'>or</span>
<Separator className='flex-1 bg-accent py-0.5' /> <Separator className='flex-1 bg-accent py-0.5' />
</div> </div>
<SignInWithMicrosoft /> <SignInWithMicrosoft type='signUp' />
<SignInWithApple /> <SignInWithApple type='signUp' />
</CardContent> </CardContent>
</Card> </Card>
); );

4
src/components/default/auth/SignInWithApple.tsx
View File

@ -5,7 +5,7 @@ import { useAuth } from '@/components/context/auth';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { useState } from 'react'; import { useState } from 'react';
import Image from 'next/image'; import Image from 'next/image';
import { Button, type buttonVariants } from '@/components/ui'; import { type buttonVariants } from '@/components/ui';
import { type ComponentProps } from 'react'; import { type ComponentProps } from 'react';
import { type VariantProps } from 'class-variance-authority'; import { type VariantProps } from 'class-variance-authority';
@ -68,7 +68,7 @@ export const SignInWithApple = ({
width={22} width={22}
height={22} height={22}
/> />
<p className='text-[1.0rem]'>Sign in with Apple</p> <p className='text-[1.0rem]'>Sign In with Apple</p>
</div> </div>
</SubmitButton> </SubmitButton>
{statusMessage && <StatusMessage message={{ error: statusMessage }} />} {statusMessage && <StatusMessage message={{ error: statusMessage }} />}

4
src/components/default/auth/SignInWithMicrosoft.tsx
View File

@ -4,7 +4,7 @@ import { StatusMessage, SubmitButton } from '@/components/default';
import { useAuth } from '@/components/context/auth'; import { useAuth } from '@/components/context/auth';
import { useState } from 'react'; import { useState } from 'react';
import Image from 'next/image'; import Image from 'next/image';
import { Button, type buttonVariants } from '@/components/ui'; import { type buttonVariants } from '@/components/ui';
import { type ComponentProps } from 'react'; import { type ComponentProps } from 'react';
import { type VariantProps } from 'class-variance-authority'; import { type VariantProps } from 'class-variance-authority';
@ -61,7 +61,7 @@ export const SignInWithMicrosoft = ({
width={20} width={20}
height={20} height={20}
/> />
<p className='text-[1.0rem]'>Sign in with Microsoft</p> <p className='text-[1.0rem]'>Sign In with Microsoft</p>
</div> </div>
</SubmitButton> </SubmitButton>
{statusMessage && <StatusMessage message={{ error: statusMessage }} />} {statusMessage && <StatusMessage message={{ error: statusMessage }} />}

1
src/lib/actions/auth.ts
View File

@ -78,7 +78,6 @@ export const signInWithApple = async (): Promise<Result<string>> => {
const { data, error } = await supabase.auth.signInWithOAuth({ const { data, error } = await supabase.auth.signInWithOAuth({
provider: 'apple', provider: 'apple',
options: { options: {
scopes: 'openid, profile email offline_access',
redirectTo: `${origin}/auth/callback?redirect_to=/auth/success`, redirectTo: `${origin}/auth/callback?redirect_to=/auth/success`,
}, },
}); });