From 8ebe6e70b751b972d29e6f25a4dd30eee28d5429 Mon Sep 17 00:00:00 2001
From: jona42-ui <jonathanthembo123@gmail.com>
Date: Fri, 23 Jun 2023 09:51:53 +0300
Subject: [PATCH] O3-2212:React Forms: Don't show Form nav in Single Page forms

---
 .../sidebar/ohri-form-sidebar.component.tsx   | 56 +++++++++++--------
 1 file changed, 32 insertions(+), 24 deletions(-)

diff --git a/src/components/sidebar/ohri-form-sidebar.component.tsx b/src/components/sidebar/ohri-form-sidebar.component.tsx
index b25d7e91b..cacc8f883 100644
--- a/src/components/sidebar/ohri-form-sidebar.component.tsx
+++ b/src/components/sidebar/ohri-form-sidebar.component.tsx
@@ -63,30 +63,38 @@ function OHRIFormSidebar({
     },
     [unspecifiedFields],
   );
+
+  // Check if there is only one scrollable page
+  const isSinglePage = scrollablePages.length === 1;
+
   return (
     <div className={styles.sidebar}>
-      {[...scrollablePages].map((page, index) => {
-        return (
-          !page.isHidden && (
-            <div
-              aria-hidden="true"
-              className={
-                joinWord(page.label) === selectedPage && pagesWithErrors.includes(page.label)
-                  ? styles.sidebarSectionErrorActive
-                  : joinWord(page.label) === selectedPage
-                  ? styles.sidebarSectionActive
-                  : pagesWithErrors.includes(page.label)
-                  ? styles.sidebarSectionError
-                  : styles.sidebarSection
-              }
-              key={index}
-              onClick={() => handleClick(page.label)}>
-              <div className={styles.sidebarSectionLink}>{page.label}</div>
-            </div>
-          )
-        );
-      })}
-      {mode !== 'view' && <hr className={styles.sideBarHorizontalLine} />}
+      {!isSinglePage && (
+        <>
+          {[...scrollablePages].map((page, index) => {
+            return (
+              !page.isHidden && (
+                <div
+                  aria-hidden="true"
+                  className={
+                    joinWord(page.label) === selectedPage && pagesWithErrors.includes(page.label)
+                      ? styles.sidebarSectionErrorActive
+                      : joinWord(page.label) === selectedPage
+                      ? styles.sidebarSectionActive
+                      : pagesWithErrors.includes(page.label)
+                      ? styles.sidebarSectionError
+                      : styles.sidebarSection
+                  }
+                  key={index}
+                  onClick={() => handleClick(page.label)}>
+                  <div className={styles.sidebarSectionLink}>{page.label}</div>
+                </div>
+              )
+            );
+          })}
+          <hr className={styles.sideBarHorizontalLine} />
+        </>
+      )}
       <div className={styles.sidenavActions}>
         {allowUnspecifiedAll && mode !== 'view' && (
           <div style={{ marginBottom: '.6rem' }}>
@@ -99,7 +107,7 @@ function OHRIFormSidebar({
             />
           </div>
         )}
-        {mode != 'view' && (
+        {mode !== 'view' && (
           <Button style={{ marginBottom: '0.625rem', width: '11rem' }} type="submit" disabled={isFormSubmitting}>
             Save
           </Button>
@@ -111,7 +119,7 @@ function OHRIFormSidebar({
             onCancel && onCancel();
             handleClose && handleClose();
           }}>
-          {mode == 'view' ? 'Close' : 'Cancel'}
+          {mode === 'view' ? 'Close' : 'Cancel'}
         </Button>
       </div>
     </div>