base flow for representations

components/header.js

@@ -9,6 +9,7 @@ const Header = (props) => {
     const router = useRouter();
     const { locale } = router;
     const { setLogout } = props;
+    const noSignoutLink = ["/", "/logout"];
 
     return (
         <header
@@ -98,9 +99,8 @@ const Header = (props) => {
                             </div>
                             <div className="content">
                                 <ul>
-                                    {router.pathname == "/logout" ? (
-                                        ""
-                                    ) : router.pathname == "/" ? (
+                                    {noSignoutLink.includes(router.pathname) ==
+                                    true ? (
                                         ""
                                     ) : (
                                         <li>
@@ -157,8 +157,9 @@ const Header = (props) => {
                         </div>
                     </div>
                     <div className="fullNav">
-                        {router.pathname != "/" ||
-                        router.pathname != "/logout" ? (
+                        {noSignoutLink.includes(router.pathname) == true ? (
+                            ""
+                        ) : (
                             <Link href="/logout">
                                 <a
                                     onClick={() => {
@@ -169,8 +170,6 @@ const Header = (props) => {
                                     {t("common:signout-label")}
                                 </a>
                             </Link>
-                        ) : (
-                            ""
                         )}
 
                         <Link