🚨(front) fix global lint

Fix the lint warnings issued by the recent commits.
numerique-gouv · Sep 24, 2024 · 2e76198 · 2e76198
1 parent 450c2d9
commit 2e76198
Show file tree

Hide file tree

Showing 5 changed files with 97 additions and 75 deletions.
diff --git a/src/components/QuickNav.tsx b/src/components/QuickNav.tsx
@@ -3,71 +3,73 @@ import { useRouter } from 'next/router'
 import { useState } from 'react'
 
 export const QuickNav = () => {
-    const router = useRouter()
-    const [isMenuOpen, setIsMenuOpen] = useState(false)
-    const links = [
-        ['Accueil', '/'],
-        ['Produits', '/products'],
-        ['Agents', '/agent'],
-        ['Administration', '/administration'],
-        ['Éditeur', '/editeur'],
-    ]
+  const router = useRouter()
+  const [isMenuOpen, setIsMenuOpen] = useState(false)
+  const links = [
+    ['Accueil', '/'],
+    ['Produits', '/products'],
+    ['Agents', '/agent'],
+    ['Administration', '/administration'],
+    ['Éditeur', '/editeur'],
+  ]
 
-    const toggleMenu = () => {
-        setIsMenuOpen(!isMenuOpen)
-    }
+  const toggleMenu = () => {
+    setIsMenuOpen(!isMenuOpen)
+  }
 
-    return (
-        <ContentSection verticalPadding={false}>
-            <nav className="pb-6 w-full">
-                <div className="md:hidden w-full">
-                    <button
-                        onClick={toggleMenu}
-                        className="flex items-center justify-between w-full py-4"
-                    >
-                        <div className="flex items-center gap-3">
-                            <div className="enable-dsfr">
-                                <span className="fr-icon-menu-fill" aria-hidden="true"></span>
-                            </div>
-                            <span className="relative t-1">Navigation</span>
-                        </div>
-                        <div className="enable-dsfr">
-                            <span
-                                className={`fr-icon-arrow-${isMenuOpen ? 'up' : 'down'}-s-line`}
-                                aria-hidden="true"
-                            ></span>
-                        </div>
-                    </button>
-                    {isMenuOpen && (
-                        <div className="absolute left-0 right-0 bg-white z-50 shadow-md">
-                            {links.map(([label, url]) => (
-                                <a
-                                    key={url}
-                                    href={url}
-                                    className={`block py-2 px-4 text-sm font-medium ${url === router.pathname ? 'underline' : 'hover:underline'
-                                        } transition-all duration-200`}
-                                >
-                                    {label}
-                                </a>
-                            ))}
-                        </div>
-                    )}
-                </div>
-                <div className="hidden md:flex gap-6 flex-wrap justify-start">
-                    {links.map(([label, url]) => (
-                        <a
-                            key={url}
-                            href={url}
-                            className={`text-lg font-medium pt-4 border-content border-t-4 ${url === router.pathname
-                                ? 'text-blue-1 border-blue-1'
-                                : 'text-blue-1 border-transparent hover:border-grey-4'
-                                } transition-all duration-200`}
-                        >
-                            {label}
-                        </a>
-                    ))}
-                </div>
-            </nav>
-        </ContentSection>
-    )
+  return (
+    <ContentSection verticalPadding={false}>
+      <nav className="pb-6 w-full">
+        <div className="md:hidden w-full">
+          <button
+            onClick={toggleMenu}
+            className="flex items-center justify-between w-full py-4"
+          >
+            <div className="flex items-center gap-3">
+              <div className="enable-dsfr">
+                <span className="fr-icon-menu-fill" aria-hidden="true"></span>
+              </div>
+              <span className="relative t-1">Navigation</span>
+            </div>
+            <div className="enable-dsfr">
+              <span
+                className={`fr-icon-arrow-${isMenuOpen ? 'up' : 'down'}-s-line`}
+                aria-hidden="true"
+              ></span>
+            </div>
+          </button>
+          {isMenuOpen && (
+            <div className="absolute left-0 right-0 bg-white z-50 shadow-md">
+              {links.map(([label, url]) => (
+                <a
+                  key={url}
+                  href={url}
+                  className={`block py-2 px-4 text-sm font-medium ${
+                    url === router.pathname ? 'underline' : 'hover:underline'
+                  } transition-all duration-200`}
+                >
+                  {label}
+                </a>
+              ))}
+            </div>
+          )}
+        </div>
+        <div className="hidden md:flex gap-6 flex-wrap justify-start">
+          {links.map(([label, url]) => (
+            <a
+              key={url}
+              href={url}
+              className={`text-lg font-medium pt-4 border-content border-t-4 ${
+                url === router.pathname
+                  ? 'text-blue-1 border-blue-1'
+                  : 'text-blue-1 border-transparent hover:border-grey-4'
+              } transition-all duration-200`}
+            >
+              {label}
+            </a>
+          ))}
+        </div>
+      </nav>
+    </ContentSection>
+  )
 }
diff --git a/src/pages/administration/index.tsx b/src/pages/administration/index.tsx
@@ -72,7 +72,10 @@ export default function Agent() {
               administration.
             </li>
             <li>
-              ProConnect centralise l'accès à vos outils en fédérant les identités de plusieurs ministères et agences de l'État, éliminant ainsi le besoin de multiples mots de passe et simplifiant la gestion des comptes.
+              ProConnect centralise l'accès à vos outils en fédérant les
+              identités de plusieurs ministères et agences de l'État, éliminant
+              ainsi le besoin de multiples mots de passe et simplifiant la
+              gestion des comptes.
             </li>
           </ul>
         </DoubleBlock>

diff --git a/src/pages/editeur/index.tsx b/src/pages/editeur/index.tsx
@@ -10,14 +10,15 @@ import { Button } from '@/components/Button'
 import { QuickNav } from '@/components/QuickNav'
 
 export default function Editeur() {
-
-
   const button = (
-    <Button href="https://github.com/numerique-gouv/agentconnect-documentation/blob/main/doc_fs.md" variant="outline">
+    <Button
+      href="https://github.com/numerique-gouv/agentconnect-documentation/blob/main/doc_fs.md"
+      variant="outline"
+    >
       J'intègre ProConnect sur mon service
     </Button>
   )
-  
+
   return (
     <Layout title={TITLE_SITE}>
       <QuickNav />

diff --git a/src/pages/products/index.tsx b/src/pages/products/index.tsx
@@ -46,7 +46,19 @@ const ProductsDetails = () => {
           .filter(([, v]) => v.displayDetails)
           .map(
             (
-              [, { logo, screenshot, keepRawScreenshot, name, url, caption, description, items }],
+              [
+                ,
+                {
+                  logo,
+                  screenshot,
+                  keepRawScreenshot,
+                  name,
+                  url,
+                  caption,
+                  description,
+                  items,
+                },
+              ],
               index
             ) => (
               <div className="flex gap-6 flex-col md:flex-row" key={name}>
@@ -84,13 +96,17 @@ const ProductsDetails = () => {
                   }
                 >
                   {keepRawScreenshot ? (
-                    <Image src={screenshot!} alt={name + " screenshot"}></Image>
+                    <Image src={screenshot!} alt={name + ' screenshot'}></Image>
                   ) : (
                     <div className="flex justify-center items-center">
-                      <Image src={screenshot!} width={500} alt={name + " screenshot"} className="w-4/6 border-8 border-white rounded-lg shadow-2xl"></Image>
+                      <Image
+                        src={screenshot!}
+                        width={500}
+                        alt={name + ' screenshot'}
+                        className="w-4/6 border-8 border-white rounded-lg shadow-2xl"
+                      ></Image>
                     </div>
                   )}
-
                 </div>
               </div>
             )

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -13,7 +13,7 @@ const figmaColors = {
   'grey-6': '#FAF9F9',
   'blue-1': '#000091',
   'black-1': '#161616',
-  transparent: 'transparent'
+  transparent: 'transparent',
 }
 
 const config: Config = {