From fc5ba28b8ab57ad5a19991e8b0051eb8a9ba5af1 Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Mon, 23 Aug 2021 19:41:39 +0200
Subject: [PATCH] perf: remove unnecessary fonts weight

---
 components/Header/Language/index.tsx       | 45 ++++++++++++----------
 components/Interests/InterestParagraph.tsx |  2 +-
 components/Profile/ProfileLogo.tsx         |  2 +-
 pages/_app.tsx                             |  1 -
 4 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/components/Header/Language/index.tsx b/components/Header/Language/index.tsx
index 52a73bf..568e752 100644
--- a/components/Header/Language/index.tsx
+++ b/components/Header/Language/index.tsx
@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useState } from 'react'
 import useTranslation from 'next-translate/useTranslation'
 import setLanguage from 'next-translate/setLanguage'
+import classNames from 'classnames'
 
 import { Arrow } from './Arrow'
 import { LanguageFlag } from './LanguageFlag'
@@ -41,27 +42,29 @@ export const Language: React.FC = () => {
         <LanguageFlag language={currentLanguage} />
         <Arrow />
       </div>
-      {!hiddenMenu && (
-        <ul
-          data-cy='languages-list'
-          className='flex flex-col justify-center items-center absolute p-0 top-14 z-10 w-24 mt-3 mr-4 rounded-lg list-none shadow-light dark:shadow-dark bg-white dark:bg-black'
-        >
-          {i18n.locales.map((language, index) => {
-            if (language === currentLanguage) {
-              return null
-            }
-            return (
-              <li
-                key={index}
-                className='flex items-center justify-center w-full h-12 hover:bg-[#4f545c] hover:bg-opacity-20 pl-2'
-                onClick={async () => await handleLanguage(language)}
-              >
-                <LanguageFlag language={language} />
-              </li>
-            )
-          })}
-        </ul>
-      )}
+
+      <ul
+        data-cy='languages-list'
+        className={classNames(
+          'flex flex-col justify-center items-center absolute p-0 top-14 z-10 w-24 mt-3 mr-4 rounded-lg list-none shadow-light dark:shadow-dark bg-white dark:bg-black',
+          { hidden: hiddenMenu }
+        )}
+      >
+        {i18n.locales.map((language, index) => {
+          if (language === currentLanguage) {
+            return null
+          }
+          return (
+            <li
+              key={index}
+              className='flex items-center justify-center w-full h-12 hover:bg-[#4f545c] hover:bg-opacity-20 pl-2'
+              onClick={async () => await handleLanguage(language)}
+            >
+              <LanguageFlag language={language} />
+            </li>
+          )
+        })}
+      </ul>
     </div>
   )
 }
diff --git a/components/Interests/InterestParagraph.tsx b/components/Interests/InterestParagraph.tsx
index 795d119..abeb69f 100644
--- a/components/Interests/InterestParagraph.tsx
+++ b/components/Interests/InterestParagraph.tsx
@@ -11,7 +11,7 @@ export const InterestParagraph: React.FC<InterestParagraphProps> = (props) => {
   return (
     <>
       <p className='text-center my-6 text-gray dark:text-gray-dark'>
-        <strong className='text-yellow font-medium text-lg dark:text-yellow-dark'>
+        <strong className='text-yellow font-semibold text-lg dark:text-yellow-dark'>
           {title}
         </strong>
         <br />
diff --git a/components/Profile/ProfileLogo.tsx b/components/Profile/ProfileLogo.tsx
index 337c77c..c04f498 100644
--- a/components/Profile/ProfileLogo.tsx
+++ b/components/Profile/ProfileLogo.tsx
@@ -5,7 +5,7 @@ import DivloLogo from 'public/images/divlo_logo.png'
 export const ProfileLogo: React.FC = () => {
   return (
     <div className='px-2 py-6 max-w-[370px] max-h-[370px]'>
-      <Image src={DivloLogo} alt='Divlo' />
+      <Image src={DivloLogo} alt='Divlo' priority />
     </div>
   )
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 8847ff7..597a8d4 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -6,7 +6,6 @@ import UniversalCookie from 'universal-cookie'
 
 import 'tailwindcss/tailwind.css'
 import '@fontsource/montserrat/400.css'
-import '@fontsource/montserrat/500.css'
 import '@fontsource/montserrat/600.css'
 
 const universalCookie = new UniversalCookie()