47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import { showConfirm } from '@/modals';
|
|
import { api } from '@/trpc/client';
|
|
import { useAuth } from '@clerk/nextjs';
|
|
import { ChevronLastIcon } from 'lucide-react';
|
|
import { usePathname, useRouter } from 'next/navigation';
|
|
import { useEffect } from 'react';
|
|
|
|
const SkipOnboarding = () => {
|
|
const router = useRouter();
|
|
const pathname = usePathname();
|
|
const res = api.onboarding.skipOnboardingCheck.useQuery();
|
|
const auth = useAuth();
|
|
useEffect(() => {
|
|
res.refetch();
|
|
}, [pathname]);
|
|
|
|
if (!pathname.startsWith('/onboarding')) return null;
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
onClick={() => {
|
|
if (res.data?.canSkip && res.data?.url) {
|
|
router.push(res.data.url);
|
|
} else {
|
|
showConfirm({
|
|
title: 'Skip onboarding?',
|
|
text: 'Are you sure you want to skip onboarding? Since you do not have any projects, you will be logged out.',
|
|
onConfirm() {
|
|
auth.signOut();
|
|
router.replace(process.env.NEXT_PUBLIC_CLERK_SIGN_IN_URL!);
|
|
},
|
|
});
|
|
}
|
|
}}
|
|
className="flex items-center gap-2 text-muted-foreground"
|
|
>
|
|
Skip onboarding
|
|
<ChevronLastIcon size={16} />
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default SkipOnboarding;
|