chore: review css

Author: desoindx

.prettierrc.json

@@ -12,7 +12,7 @@
   "bracketSameLine": true,
   "arrowParens": "always",
   "endOfLine": "lf",
-  "importOrder": ["data/(.*)$", "utils/(.*)$", "hooks/(.*)$", "components/(.*)$", "^[./]"],
+  "importOrder": ["data/(.*)$", "utils/(.*)$", "hooks/(.*)$", "components/(.*)$", "^[./](?!.*\\.css$)", ".*\\.css$"],
   "plugins": ["@trivago/prettier-plugin-sort-imports"],
   "importOrderSortSpecifiers": true
 }

app/(public)/doc/api/page.tsx

@@ -1,8 +1,8 @@
 import { Metadata } from 'next'
 import APIDocPage from 'src/views/APIDocPage'
-import 'swagger-ui-react/swagger-ui.css'
 import Suggestion from 'components/layout/Suggestion'
 import { doc } from 'components/swagger/utils'
+import 'swagger-ui-react/swagger-ui.css'
 
 const pathPriority = ['/thematiques']
 

app/layout.tsx

@@ -19,9 +19,9 @@ export const metadata: Metadata = {
 }
 
 const fonts = [
-  'https://cdn.jsdelivr.net/npm/@gouvfr/dsfr@1.12.1/dist/fonts/Marianne-Regular.woff2',
-  'https://cdn.jsdelivr.net/npm/@gouvfr/dsfr@1.12.1/dist/fonts/Marianne-Medium.woff2',
-  'https://cdn.jsdelivr.net/npm/@gouvfr/dsfr@1.12.1/dist/fonts/Marianne-Bold.woff2',
+  'https://cdn.jsdelivr.net/npm/@gouvfr/dist/fonts/Marianne-Regular.woff2',
+  'https://cdn.jsdelivr.net/npm/@gouvfr/dist/fonts/Marianne-Medium.woff2',
+  'https://cdn.jsdelivr.net/npm/@gouvfr/dist/fonts/Marianne-Bold.woff2',
 ]
 
 const RootLayout = ({ children }: { children: React.ReactNode }) => {

src/components/Notion/DynamicNotion.tsx

@@ -3,9 +3,9 @@ import { ExtendedRecordMap } from 'notion-types'
 import { ReactNode, useEffect, useRef } from 'react'
 import { NotionRenderer } from 'react-notion-x'
 import { Collection } from 'react-notion-x/build/third-party/collection'
-import 'react-notion-x/src/styles.css'
 import Link from 'components/base/buttons/Link'
 import { improveAccessibility } from './utils'
+import 'react-notion-x/src/styles.css'
 
 const DynamicNotion = ({ recordMap }: { recordMap: ExtendedRecordMap }) => {
   const ref = useRef<HTMLDivElement>(null)

src/components/Notion/Notion.tsx

@@ -5,12 +5,12 @@ import { ExtendedRecordMap } from 'notion-types'
 import React, { ReactNode, useEffect, useRef } from 'react'
 import { NotionRenderer } from 'react-notion-x'
 import { Collection } from 'react-notion-x/build/third-party/collection'
-import 'react-notion-x/src/styles.css'
 import Link from 'components/base/buttons/Link'
 import Breadcrumbs from 'components/breadcrumbs/Breadcrumbs'
 import Block from 'components/layout/Block'
-import styles from './Notion.module.css'
 import { improveAccessibility } from './utils'
+import styles from './Notion.module.css'
+import 'react-notion-x/src/styles.css'
 
 const Notion = ({
   title,

src/components/base/Logo/Logos.tsx

@@ -4,8 +4,8 @@ import { buildCurrentUrlFor } from 'utils/urls'
 import IframeableLink from '../IframeableLink'
 import Ademe from './Ademe'
 import Logo from './ImpactCO2'
-import styles from './Logos.module.css'
 import Marianne from './Marianne'
+import styles from './Logos.module.css'
 
 const Logos = ({ small }: { small?: boolean }) => {
   return (

src/components/comparateur/Tiles.tsx

@@ -7,8 +7,8 @@ import { track } from 'utils/matomo'
 import Button from 'components/base/buttons/Button'
 import MagicWandIcon from 'components/base/icons/magic-wand'
 import Tile from './Tile'
-import styles from './Tiles.module.css'
 import { getRandomEquivalents } from './random'
+import styles from './Tiles.module.css'
 
 const Tiles = () => {
   const firstRef = useRef<HTMLLIElement>(null)

src/components/comparateur/overscreens/Category.tsx

@@ -11,8 +11,8 @@ import Button from 'components/base/buttons/Button'
 import DropdownArrowDownIcon from 'components/base/icons/dropdown-arrow-down'
 import DropdownArrowUpIcon from 'components/base/icons/dropdown-arrow-up'
 import { getRandomEquivalentsInCategory } from '../random'
-import styles from './Category.module.css'
 import Equivalents from './Equivalents'
+import styles from './Category.module.css'
 
 const Category = ({
   category,

src/components/examples/AllExamples.tsx

@@ -7,8 +7,8 @@ import { track } from 'utils/matomo'
 import Card from 'components/cards/Card'
 import Select from 'components/form/Select'
 import Block from 'components/layout/Block'
-import styles from './AllExamples.module.css'
 import ExamplesList from './ExamplesList'
+import styles from './AllExamples.module.css'
 
 const AllExamples = ({ examples, communications }: { examples: Example[]; communications: Example[] }) => {
   const [activity, setActivity] = useState('all')

src/components/examples/Example.tsx

@@ -4,8 +4,8 @@ import React from 'react'
 import { Example as ExampleType } from 'types/example'
 import { track } from 'utils/matomo'
 import IframeableLink from 'components/base/IframeableLink'
-import styles from './Example.module.css'
 import Tag from './Tag'
+import styles from './Example.module.css'
 
 const Example = ({ example, withTags }: { example: ExampleType; withTags?: boolean }) => {
   const image = <img src={example.logo} alt={example.name} className={styles.image} />