diff --git a/apps/portal/src/pages/resumes/index.tsx b/apps/portal/src/pages/resumes/index.tsx index 357c4852..52b37239 100644 --- a/apps/portal/src/pages/resumes/index.tsx +++ b/apps/portal/src/pages/resumes/index.tsx @@ -23,6 +23,9 @@ import { } from '~/components/resumes/browse/constants'; import FilterPill from '~/components/resumes/browse/FilterPill'; import ResumeReviewsTitle from '~/components/resumes/ResumeReviewsTitle'; +import SignInButton from '~/components/resumes/SignInButton'; + +import { trpc } from '~/utils/trpc'; import type { Resume } from '~/types/resume'; @@ -44,37 +47,50 @@ const filters = [ }, ]; -import { trpc } from '~/utils/trpc'; - export default function ResumeHomePage() { const { data: sessionData } = useSession(); const router = useRouter(); const [tabsValue, setTabsValue] = useState(BROWSE_TABS_VALUES.ALL); const [searchValue, setSearchValue] = useState(''); const [resumes, setResumes] = useState>([]); + const [renderSignInButton, setRenderSignInButton] = useState(false); + const [signInButtonText, setSignInButtonText] = useState(''); const allResumesQuery = trpc.useQuery(['resumes.resume.findAll'], { enabled: tabsValue === BROWSE_TABS_VALUES.ALL, onSuccess: (data) => { setResumes(data); + setRenderSignInButton(false); }, }); const starredResumesQuery = trpc.useQuery( ['resumes.resume.user.findUserStarred'], { enabled: tabsValue === BROWSE_TABS_VALUES.STARRED, + onError: () => { + setResumes([]); + setRenderSignInButton(true); + setSignInButtonText('to view starred resumes'); + }, onSuccess: (data) => { setResumes(data); }, + retry: false, }, ); const myResumesQuery = trpc.useQuery( ['resumes.resume.user.findUserCreated'], { enabled: tabsValue === BROWSE_TABS_VALUES.MY, + onError: () => { + setResumes([]); + setRenderSignInButton(true); + setSignInButtonText('to view your submitted resumes'); + }, onSuccess: (data) => { setResumes(data); }, + retry: false, }, ); @@ -277,6 +293,9 @@ export default function ResumeHomePage() { ) : (
+ {renderSignInButton && ( + + )}
    {resumes.map((resumeObj) => (