From 19ab791ed83085e9391b9d313851ae4b054e3cea Mon Sep 17 00:00:00 2001
From: Lorenzo Corallo <66379281+lorenzocorallo@users.noreply.github.com>
Date: Fri, 28 Apr 2023 18:46:17 +0200
Subject: [PATCH] fix(Header): hide i18n switch during the test (#90)

---
 src/components/Header.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index c34f7ef..d8eff39 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,4 +1,4 @@
-import { useContext, useState } from 'react'
+import { useContext, useMemo, useState } from 'react'
 import { StyleSheet } from '../utils/style'
 import { statePair } from '../utils/types'
 import logo from '../static/logo3000.webp'
@@ -51,6 +51,11 @@ export default function Header({ viewState }: HeaderProps) {
     setLang(lang)
   }
 
+  const isTestView = useMemo(
+    () => viewState[0] === 'TOL-testing' || viewState[0] === 'TOL-secRecap',
+    [viewState[0]]
+  )
+
   return (
     <div className="do-not-print" style={styles.div}>
       <div style={styles.col}>
@@ -58,7 +63,7 @@ export default function Header({ viewState }: HeaderProps) {
           style={{
             ...styles.logoDiv,
             // disable logo link when doing the test
-            pointerEvents: viewState[0].startsWith('TOL') ? 'none' : 'all'
+            pointerEvents: isTestView ? 'none' : 'all'
           }}
           rel="noreferrer noopener"
           target="_blank"
@@ -74,10 +79,12 @@ export default function Header({ viewState }: HeaderProps) {
       </div>
 
       <div style={{ ...styles.col, justifyContent: 'flex-end' }}>
-        <select value={lang} onChange={handleLanguageChange}>
-          <option value="it">IT</option>
-          <option value="en">EN</option>
-        </select>
+        {!isTestView && (
+          <select value={lang} onChange={handleLanguageChange}>
+            <option value="it">IT</option>
+            <option value="en">EN</option>
+          </select>
+        )}
       </div>
     </div>
   )