diff --git a/apps/web/src/app/join/profile/_components/profile-card.tsx b/apps/web/src/app/join/profile/_components/profile-card.tsx index 211dcf1f..33805ec0 100644 --- a/apps/web/src/app/join/profile/_components/profile-card.tsx +++ b/apps/web/src/app/join/profile/_components/profile-card.tsx @@ -8,7 +8,7 @@ import { useEffect, useState } from 'react'; import { cn, generateAvatarUrl } from '@/src/lib/utils'; import useLoading from '@/src/hooks/use-loading'; import { Camera, Checks, SkipForward } from '@phosphor-icons/react'; -import { useRouter } from 'next/navigation'; +import { useRouter, useSearchParams } from 'next/navigation'; import { toast } from 'sonner'; import useAwaitableModal from '@/src/hooks/use-awaitable-modal'; import { Input } from '@/src/components/shadcn-ui/input'; @@ -31,6 +31,8 @@ export function ProfileCard({ orgData, wasInvited }: ProfileCardProps) { ); const router = useRouter(); + const query = useSearchParams(); + const orgShortCode = query.get('org'); const { error: avatarError, @@ -62,7 +64,6 @@ export function ProfileCard({ orgData, wasInvited }: ProfileCardProps) { profilePublicId: orgData.profile.publicId, title: orgData.profile.title ?? '' }); - router.push('/'); }); useEffect(() => { @@ -71,6 +72,14 @@ export function ProfileCard({ orgData, wasInvited }: ProfileCardProps) { } }, [saveError]); + const handleSkip = () => { + router.push(`/${orgShortCode}`); + }; + const handleSave = () => { + saveProfile({ clearData: true, clearError: true }); + router.push(`/${orgShortCode}`); + }; + return (