From b3df50b7a40a2e05df08b59a1494fd190dabc8f1 Mon Sep 17 00:00:00 2001
From: Keane Chan <e0425601@u.nus.edu>
Date: Thu, 27 Oct 2022 15:42:15 +0800
Subject: [PATCH] [resumes][feat] add resolve functionality

---
 .../migration.sql                             |  2 +
 apps/portal/prisma/schema.prisma              |  1 +
 apps/portal/src/pages/resumes/[resumeId].tsx  | 56 ++++++++++++++++---
 .../resumes/resumes-resume-user-router.ts     | 17 ++++++
 .../portal/src/utils/resumes/resumeFilters.ts |  2 +-
 5 files changed, 68 insertions(+), 10 deletions(-)
 create mode 100644 apps/portal/prisma/migrations/20221027052436_resumes_add_is_resolved_status/migration.sql

diff --git a/apps/portal/prisma/migrations/20221027052436_resumes_add_is_resolved_status/migration.sql b/apps/portal/prisma/migrations/20221027052436_resumes_add_is_resolved_status/migration.sql
new file mode 100644
index 00000000..5716b7a2
--- /dev/null
+++ b/apps/portal/prisma/migrations/20221027052436_resumes_add_is_resolved_status/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "ResumesResume" ADD COLUMN     "isResolved" BOOLEAN NOT NULL DEFAULT false;
diff --git a/apps/portal/prisma/schema.prisma b/apps/portal/prisma/schema.prisma
index bf57a55d..ec549a84 100644
--- a/apps/portal/prisma/schema.prisma
+++ b/apps/portal/prisma/schema.prisma
@@ -120,6 +120,7 @@ model ResumesResume {
   location       String           @db.Text
   url            String
   additionalInfo String?          @db.Text
+  isResolved     Boolean          @default(false)
   createdAt      DateTime         @default(now())
   updatedAt      DateTime         @updatedAt
   user           User             @relation(fields: [userId], references: [id], onDelete: Cascade)
diff --git a/apps/portal/src/pages/resumes/[resumeId].tsx b/apps/portal/src/pages/resumes/[resumeId].tsx
index 15d50e83..a98ea68a 100644
--- a/apps/portal/src/pages/resumes/[resumeId].tsx
+++ b/apps/portal/src/pages/resumes/[resumeId].tsx
@@ -9,6 +9,7 @@ import {
   AcademicCapIcon,
   BriefcaseIcon,
   CalendarIcon,
+  CheckCircleIcon,
   InformationCircleIcon,
   MapPinIcon,
   PencilSquareIcon,
@@ -71,10 +72,21 @@ export default function ResumeReviewPage() {
       utils.invalidateQueries(['resumes.resume.user.findUserCreated']);
     },
   });
+  const resolveMutation = trpc.useMutation('resumes.resume.user.resolve', {
+    onSuccess() {
+      utils.invalidateQueries(['resumes.resume.findOne']);
+      utils.invalidateQueries(['resumes.resume.findAll']);
+      utils.invalidateQueries(['resumes.resume.user.findUserStarred']);
+      utils.invalidateQueries(['resumes.resume.user.findUserCreated']);
+    },
+  });
+
   const userIsOwner =
     session?.user?.id !== undefined &&
     session.user.id === detailsQuery.data?.userId;
 
+  const isResumeResolved = detailsQuery.data?.isResolved;
+
   const [isEditMode, setIsEditMode] = useState(false);
   const [showCommentsForm, setShowCommentsForm] = useState(false);
 
@@ -139,6 +151,13 @@ export default function ResumeReviewPage() {
     setIsEditMode(true);
   };
 
+  const onResolveButtonClick = () => {
+    resolveMutation.mutate({
+      id: resumeId as string,
+      val: !isResumeResolved,
+    });
+  };
+
   const renderReviewButton = () => {
     if (session === null) {
       return (
@@ -206,17 +225,36 @@ export default function ResumeReviewPage() {
               </h1>
               <div className="flex gap-3 xl:pr-4">
                 {userIsOwner && (
-                  <Button
-                    addonPosition="start"
-                    className="h-10 shadow-md"
-                    icon={PencilSquareIcon}
-                    label="Edit"
-                    variant="tertiary"
-                    onClick={onEditButtonClick}
-                  />
+                  <>
+                    <Button
+                      addonPosition="start"
+                      className="h-10 shadow-md"
+                      icon={PencilSquareIcon}
+                      label="Edit"
+                      variant="tertiary"
+                      onClick={onEditButtonClick}
+                    />
+                    <button
+                      className="isolate inline-flex h-10 items-center space-x-4 rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 shadow-md hover:bg-slate-50 focus:ring-slate-600 disabled:hover:bg-white"
+                      disabled={resolveMutation.isLoading}
+                      type="button"
+                      onClick={onResolveButtonClick}>
+                      <div className="-ml-1 mr-2 h-5 w-5">
+                        {resolveMutation.isLoading ? (
+                          <Spinner className="mt-0.5" size="xs" />
+                        ) : (
+                          <CheckCircleIcon
+                            aria-hidden="true"
+                            className={isResumeResolved ? '' : 'text-slate-400'}
+                          />
+                        )}
+                      </div>
+                      {isResumeResolved ? 'Resolved' : 'Resolve'}
+                    </button>
+                  </>
                 )}
                 <button
-                  className="isolate inline-flex h-10 items-center space-x-4 rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 shadow-md hover:bg-slate-50  disabled:hover:bg-white"
+                  className="isolate inline-flex h-10 items-center space-x-4 rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 shadow-md hover:bg-slate-50 focus:ring-slate-600 disabled:hover:bg-white"
                   disabled={starMutation.isLoading || unstarMutation.isLoading}
                   type="button"
                   onClick={onStarButtonClick}>
diff --git a/apps/portal/src/server/router/resumes/resumes-resume-user-router.ts b/apps/portal/src/server/router/resumes/resumes-resume-user-router.ts
index 71bd905f..2c658e5d 100644
--- a/apps/portal/src/server/router/resumes/resumes-resume-user-router.ts
+++ b/apps/portal/src/server/router/resumes/resumes-resume-user-router.ts
@@ -44,6 +44,23 @@ export const resumesResumeUserRouter = createProtectedRouter()
       });
     },
   })
+  .mutation('resolve', {
+    input: z.object({
+      id: z.string(),
+      val: z.boolean(),
+    }),
+    async resolve({ ctx, input }) {
+      const resume = await ctx.prisma.resumesResume.update({
+        data: {
+          isResolved: input.val,
+        },
+        where: {
+          id: input.id,
+        },
+      });
+      return resume.isResolved;
+    },
+  })
   .query('findUserStarred', {
     input: z.object({
       experienceFilters: z.string().array(),
diff --git a/apps/portal/src/utils/resumes/resumeFilters.ts b/apps/portal/src/utils/resumes/resumeFilters.ts
index 64f3c2a4..902887c2 100644
--- a/apps/portal/src/utils/resumes/resumeFilters.ts
+++ b/apps/portal/src/utils/resumes/resumeFilters.ts
@@ -133,7 +133,7 @@ export const SHORTCUTS: Array<Shortcut> = [
   },
   {
     filters: INITIAL_FILTER_STATE,
-    name: 'GOATs',
+    name: 'Top 10',
     sortOrder: 'popular',
   },
   {