[resumes][feat] Add basic linking of pages (#328)

* [resumes][fix] Fix scrolling on upload page * [resumes][feat] Add basic linking of pages * [resumes][fix] Remove link to resume detail page
2 years ago · 101f6c7d70
parent a828903299
commit 101f6c7d70
2 changed files with 15 additions and 2 deletions
--- a/apps/portal/src/pages/resumes/index.tsx
+++ b/apps/portal/src/pages/resumes/index.tsx
@ -1,4 +1,6 @@
 import clsx from 'clsx';
+import { useRouter } from 'next/router';
+import { useSession } from 'next-auth/react';
 import { Fragment, useEffect, useState } from 'react';
 import { Disclosure, Menu, Transition } from '@headlessui/react';
 import {
@ -44,6 +46,8 @@ import ResumeReviewsTitle from '~/components/resumes/ResumeReviewsTitle';
 import { trpc } from '~/utils/trpc';

 export default function ResumeHomePage() {
+  const { data } = useSession();
+  const router = useRouter();
  const [tabsValue, setTabsValue] = useState(BROWSE_TABS_VALUES.ALL);
  const [searchValue, setSearchValue] = useState('');
  const [resumes, setResumes] = useState(Array<Resume>());
@ -83,6 +87,14 @@ export default function ResumeHomePage() {
    tabsValue,
  ]);

+  const onClickNew = () => {
+    if (data?.user?.id) {
+      router.push('/resumes/submit');
+    } else {
+      // TODO: Handle non-logged in user behaviour
+    }
+  };
+
  return (
    <main className="h-[calc(100vh-4rem)] flex-1 overflow-y-scroll">
      <div className="ml-4 py-4">
@ -177,7 +189,8 @@ export default function ResumeHomePage() {
                <div className="col-span-1">
                  <button
                    className="rounded-md bg-indigo-500 py-1 px-3 text-sm text-white"
-                    type="button">
+                    type="button"
+                    onClick={onClickNew}>
                    New
                  </button>
                </div>
--- a/apps/portal/src/pages/resumes/submit.tsx
+++ b/apps/portal/src/pages/resumes/submit.tsx
@ -126,7 +126,7 @@ export default function SubmitResumeForm() {
      <Head>
        <title>Upload a resume</title>
      </Head>
-      <main className="flex-1 overflow-y-auto">
+      <main className="h-[calc(100vh-4rem)] flex-1 overflow-y-scroll">
        <section
          aria-labelledby="primary-heading"
          className="flex h-full min-w-0 flex-1 flex-col lg:order-last">