Add info text to PPR admin table

backend/models/constants.js

@@ -8,10 +8,12 @@ const PPR_STATUS = [
     'SEEKING_APPROVAL',
     'READY_TO_BUY',
     'PURCHASED_AND_RECEIPTS_SUBMITTED',
+    'REPORTER_PAID',
     'REPORTER_REIMBURSE_CONFIRMED',
 ]
 const PPR_STATUS_FUNDING_SPENT = [
     'PURCHASED_AND_RECEIPTS_SUBMITTED',
+    'REPORTER_PAID',
     'REPORTER_REIMBURSE_CONFIRMED',
 ]
 const UPR_STATUS = [

backend/service/personalpurchases.service.js

@@ -39,9 +39,11 @@ const updatePersonalPurchase = async (id, body) => {
     })
     const annotatedPPR = await getPersonalPurchase(id)
     if (body?.status === 'PURCHASED_AND_RECEIPTS_SUBMITTED') {
-        sendEmailPPRPurchasedAndReceiptsSubmittedToCoordinator(annotatedPPR)
-    } else if (body?.status === 'REPORTER_REIMBURSE_CONFIRMATION') {
-        sendEmailPPRReimbursedToReporter(annotatedPPR)
+        await sendEmailPPRPurchasedAndReceiptsSubmittedToCoordinator(
+            annotatedPPR
+        )
+    } else if (body?.status === 'REPORTER_PAID') {
+        await sendEmailPPRReimbursedToReporter(annotatedPPR)
     }
     return newPurchaseTicket
 }

frontend/src/components/TicketContent/PPRAdminContentTable.js

@@ -22,14 +22,48 @@ const PPRAdminContentTable = () => {
     }
     const getTransitionBody = () => {
         switch (currentTicket.status) {
+            case 'SEEKING_APPROVAL':
+                return (
+                    <>
+                        <h1>No Current Actions Available</h1>
+                        <h2>Will automatically transition to READY_TO_BUY</h2>
+                        <h2>
+                            Condition: All three approvals below must be checked
+                        </h2>
+                    </>
+                )
+            case 'READY_TO_BUY':
+                return (
+                    <>
+                        <h1>No Current Actions Available</h1>
+                        <h2>
+                            Will automatically transition to
+                            PURCHASED_AND_RECEIPTS_SUBMITTED
+                        </h2>
+                        <h2>
+                            Condition: Reporter uploads supporting documents and
+                            manually transitions status
+                        </h2>
+                    </>
+                )
             case 'PURCHASED_AND_RECEIPTS_SUBMITTED':
                 return getPurchasedAndReceiptsSubmittedBody()
-            default:
+            case 'REPORTER_PAID':
                 return (
                     <>
                         <h1>No Current Actions Available</h1>
+                        <h2>
+                            Will automatically transition to
+                            REPORTER_REIMBURSE_CONFIRMED
+                        </h2>
+                        <h2>
+                            Condition: Reporter confirms they have been
+                            reimbursed and manually transitions status
+                        </h2>
                     </>
                 )
+            default:
+                return <h1>No Current Actions Available</h1>
         }
     }
     const getPurchasedAndReceiptsSubmittedBody = () => {
@@ -38,9 +72,7 @@ const PPRAdminContentTable = () => {
                 <Button
                     colorScheme="blue"
                     size="sm"
-                    onClick={() =>
-                        handleUpdateStatus('REPORTER_REIMBURSE_CONFIRMATION')
-                    }
+                    onClick={() => handleUpdateStatus('REPORTER_PAID')}
                 >
                     Confirm Reporter Reimbursed
                 </Button>
@@ -55,7 +87,9 @@ const PPRAdminContentTable = () => {
             mb="30px"
         >
             <Heading size="md">Admin View</Heading>
-            <Center pb="7px">{getTransitionBody()}</Center>
+            <Center pb="7px" flexDir="column" textAlign="center" gap="8px">
+                {getTransitionBody()}
+            </Center>
         </VStack>
     )
 }

frontend/src/components/TicketContent/PPRReporterTable.js

@@ -49,7 +49,7 @@ const PPRReporterTable = ({ currentTicket, supportingDocuments }) => {
                 size="sm"
                 mr="20px"
                 onClick={() => {
-                    transitionStatus('REPORTER_REIMBURSED')
+                    transitionStatus('REPORTER_REIMBURSE_CONFIRMED')
                 }}
                 disabled={supportingDocuments.length === 0}
             >
@@ -62,7 +62,7 @@ const PPRReporterTable = ({ currentTicket, supportingDocuments }) => {
         switch (currentTicket.status) {
             case 'READY_TO_BUY':
                 return getPurchasedAndRequestReimbursementBody()
-            case 'REPORTER_REIMBURSE_CONFIRMATION':
+            case 'REPORTER_PAID':
                 return getReimbursementConfirmationBody()
             default:
                 return (

frontend/src/pages/Dashboard.js

@@ -193,7 +193,7 @@ const Dashboard = () => {
                 return (
                     <>
                         {auth.isAdmin && <PPRAdminContentTable />}
-                        {isReporter() && (
+                        {(isReporter() || auth.isAdmin) && (
                             <PPRReporterTable
                                 supportingDocuments={supportingDocuments}
                                 currentTicket={currentTicket}