Merge pull request #148 from P4-Games/feature/147-head-component

Feature/147 head component
P4-Games · Nov 18, 2023 · 448af3c · 448af3c
2 parents 72789bf + d7cc919
commit 448af3c
Show file tree

Hide file tree

Showing 6 changed files with 458 additions and 469 deletions.
diff --git a/src/pages/admin.jsx b/src/pages/admin.jsx
@@ -1,22 +1,17 @@
-import Head from 'next/head'
 import React from 'react'
 import { adminAccounts } from '../config'
 import {serverSideTranslations} from 'next-i18next/serverSideTranslations'
 import {useTranslation} from 'next-i18next'
 import { useWeb3Context } from '../hooks'
+import  NofHead from '../components/Head'
 
-const Admin = React.forwardRef(() => {
+const Admin = () => {
   const {t} = useTranslation()
   const { walletAddress, noMetamaskError, connectWallet } = useWeb3Context()
 
-
   return (
     <div className='admincontainer'>
-      <Head>
-        <title>Number One Fan</title>
-        <meta name='description' content='NoF Alpha' />
-        <link rel='icon' href='/favicon.ico' />
-      </Head>
+      <NofHead />
       {!walletAddress && <div className='main_buttons_container'>
         <button
           className='alpha_button alpha_main_button'
@@ -31,7 +26,7 @@ const Admin = React.forwardRef(() => {
         <div className='adminpanel' />}
     </div>
   )
-})
+}
 
 export default Admin
 

diff --git a/src/pages/alpha.jsx b/src/pages/alpha.jsx
@@ -1,10 +1,11 @@
-import Head from 'next/head'
 import Navbar from '../components/Navbar'
 import Footer from '../components/Footer'
 import { AlphaCards } from '../sections/Alpha'
 import {serverSideTranslations} from 'next-i18next/serverSideTranslations'
+import  NofHead from '../components/Head'
 
 const Alpha = () => {
+
   function alphaMidButton () {
     const albums = document.getElementsByClassName(
       'alpha_full_albums_container'
@@ -18,17 +19,9 @@ const Alpha = () => {
 
   return (
     <div className='alpha_main'>
-      <Head>
-        <title>Number One Fan</title>
-        <meta name='description' content='NoF Alpha' />
-        <link rel='icon' href='/favicon.ico' />
-      </Head>
-      <Navbar
-        alphaMidButton={alphaMidButton}
-      />
-      <AlphaCards
-        alphaMidButton={alphaMidButton}
-      />
+      <NofHead />
+      <Navbar alphaMidButton={alphaMidButton}/>
+      <AlphaCards alphaMidButton={alphaMidButton}/>
       <Footer />
     </div>
   )

diff --git a/src/pages/gamma.jsx b/src/pages/gamma.jsx
@@ -1,15 +1,11 @@
-import Head from 'next/head'
-import GammaInventory from '../sections/Gamma'
+import { GammaMain } from '../sections/Gamma'
 import {serverSideTranslations} from 'next-i18next/serverSideTranslations'
+import  NofHead from '../components/Head'
 
 const Gamma = () => (
   <div className='gamma_main'>
-  <Head>
-      <title>Number One Fan</title>
-      <meta name='description' content='NoF Gamma' />
-      <link rel='icon' href='/favicon.ico' />
-  </Head>
-  <GammaInventory />
+  <NofHead />
+  <GammaMain />
 </div>
 )
 

diff --git a/src/sections/Common/index.jsx b/src/sections/Common/index.jsx
@@ -0,0 +1 @@
+export { default as Rules } from './Rules'