From 958c257489fc6aef507b1d0a0c92b8aa46dd5463 Mon Sep 17 00:00:00 2001
From: Courtney Myers <courtney.myers@erg.com>
Date: Wed, 21 Jun 2023 10:36:05 -0400
Subject: [PATCH] Update navigation confirmation dialog message (when 'Your
 Rebate Forms' or 'Helpdesk' button is clicked) to support the close out form
 page

---
 app/client/src/components/userDashboard.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/client/src/components/userDashboard.tsx b/app/client/src/components/userDashboard.tsx
index b11ff9e6..dc078136 100644
--- a/app/client/src/components/userDashboard.tsx
+++ b/app/client/src/components/userDashboard.tsx
@@ -74,6 +74,7 @@ export function UserDashboard(props: { email: string }) {
   const onHelpdeskPage = pathname === "/helpdesk";
   const onApplicationFormPage = pathname.startsWith("/rebate");
   const onPaymentRequestFormPage = pathname.startsWith("/payment-request");
+  const onCloseOutFormPage = pathname.startsWith("/close-out");
 
   const applicationFormOpen = csbData
     ? csbData.submissionPeriodOpen.application
@@ -123,6 +124,7 @@ export function UserDashboard(props: { email: string }) {
         </nav>
 
         <nav>
+          {/* --- Your Rebate Forms --- */}
           {onAllRebatesPage ? (
             <button
               className="margin-bottom-1 usa-button font-sans-2xs"
@@ -139,7 +141,11 @@ export function UserDashboard(props: { email: string }) {
               to="/"
               className="margin-bottom-1 usa-button font-sans-2xs"
               onClick={(ev) => {
-                if (onApplicationFormPage || onPaymentRequestFormPage) {
+                if (
+                  onApplicationFormPage ||
+                  onPaymentRequestFormPage ||
+                  onCloseOutFormPage
+                ) {
                   ev.preventDefault();
                   displayDialog({
                     dismissable: true,
@@ -166,8 +172,10 @@ export function UserDashboard(props: { email: string }) {
             </Link>
           )}
 
+          {/* --- New Application --- */}
           {onApplicationFormPage ||
           onPaymentRequestFormPage ||
+          onCloseOutFormPage ||
           !applicationFormOpen ? (
             <button
               className="margin-bottom-1 usa-button font-sans-2xs"
@@ -192,6 +200,7 @@ export function UserDashboard(props: { email: string }) {
             </Link>
           )}
 
+          {/* --- Helpdesk --- */}
           {helpdeskAccess === "success" && (
             <>
               {onHelpdeskPage ? (
@@ -206,7 +215,11 @@ export function UserDashboard(props: { email: string }) {
                   to="/helpdesk"
                   className="margin-bottom-1 usa-button font-sans-2xs"
                   onClick={(ev) => {
-                    if (onApplicationFormPage || onPaymentRequestFormPage) {
+                    if (
+                      onApplicationFormPage ||
+                      onPaymentRequestFormPage ||
+                      onCloseOutFormPage
+                    ) {
                       ev.preventDefault();
                       displayDialog({
                         dismissable: true,