Fixed React Hook useState is called conditionally error

yasudakn · Jun 23, 2023 · 8238abd · 8238abd
1 parent f90574e
commit 8238abd
Showing 1 changed file with 23 additions and 27 deletions.
diff --git a/frontend/src/app/components/Sidebar/SidebarNav.tsx b/frontend/src/app/components/Sidebar/SidebarNav.tsx
@@ -56,10 +56,6 @@ const SidebarNav = ({
   hideParentScrollbar,
   onPageChange,
 }: Props): ReactElement | null => {
-  if (appPages.length < 2) {
-    return null
-  }
-
   const [expanded, setExpanded] = useState(true)
   const { pageLinkBaseUrl } = React.useContext(AppContext)
   const navItemsRef = useRef<HTMLUListElement>(null)
@@ -113,29 +109,29 @@ const SidebarNav = ({
             <li key={pageName}>
               <StyledSidebarNavLinkContainer>
                 {page.majorClass ? (
-                    <StyledSidebarNavMajorClass>
-                      {pageName.replace(/_/g, " ")}
-                    </StyledSidebarNavMajorClass>
-                  ) : (
-                    <StyledSidebarNavLink
-                      isActive={isActive}
-                      href={pageUrl}
-                      onClick={e => {
-                        e.preventDefault()
-                        onPageChange(page.pageScriptHash as string)
-                        if (reactDeviceDetect.isMobile) {
-                          collapseSidebar()
-                        }
-                      }}
-                    >
-                      {page.icon && page.icon.length && (
-                        <EmojiIcon size="lg">{page.icon}</EmojiIcon>
-                      )}
-                      <StyledSidebarLinkText isActive={isActive}>
-                        {tooltipContent}
-                      </StyledSidebarLinkText>
-                    </StyledSidebarNavLink>
-                  )}
+                  <StyledSidebarNavMajorClass>
+                    {pageName.replace(/_/g, " ")}
+                  </StyledSidebarNavMajorClass>
+                ) : (
+                  <StyledSidebarNavLink
+                    isActive={isActive}
+                    href={pageUrl}
+                    onClick={e => {
+                      e.preventDefault()
+                      onPageChange(page.pageScriptHash as string)
+                      if (reactDeviceDetect.isMobile) {
+                        collapseSidebar()
+                      }
+                    }}
+                  >
+                    {page.icon && page.icon.length && (
+                      <EmojiIcon size="lg">{page.icon}</EmojiIcon>
+                    )}
+                    <StyledSidebarLinkText isActive={isActive}>
+                      {tooltipContent}
+                    </StyledSidebarLinkText>
+                  </StyledSidebarNavLink>
+                )}
               </StyledSidebarNavLinkContainer>
             </li>
           )