include Header in the SearchParamsContext

safe-global · Dec 14, 2023 · c64400d · c64400d
1 parent fe82e49
commit c64400d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/components/common/Header/index.tsx b/src/components/common/Header/index.tsx
@@ -10,6 +10,7 @@ import css from './styles.module.css'
 import clsx from 'clsx'
 import { useRouter } from 'next/router'
 import navItemsData from '@/content/navItems.json'
+import SafeLink from '@/components/common/SafeLink'
 
 type NavItemType = {
   label: string | JSX.Element
@@ -76,15 +77,11 @@ const Header = () => {
             </li>
           ))}
           <li>
-            <Button
-              className={css.button}
-              href={WALLET_LINK}
-              target="_blank"
-              rel="noopener noreferrer"
-              variant="contained"
-            >
-              Launch Wallet
-            </Button>
+            <SafeLink href={WALLET_LINK}>
+              <Button className={css.button} variant="contained">
+                Launch Wallet
+              </Button>
+            </SafeLink>
           </li>
         </ul>
       </nav>

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -57,11 +57,11 @@ const App = ({
         <CookieBannerContextProvider>
           <InitHooks />
 
-          <PageLayout>
-            <SearchParamsContextProvider>
+          <SearchParamsContextProvider>
+            <PageLayout>
               <Component {...pageProps} />
-            </SearchParamsContextProvider>
-          </PageLayout>
+            </PageLayout>
+          </SearchParamsContextProvider>
 
           <CookieBanner />
         </CookieBannerContextProvider>