diff --git a/package-lock.json b/package-lock.json index d6ab60ff..cae9bb5c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "fce", - "version": "27.49.0", + "version": "27.89.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/src/client/src/components/HomePage/homePage.scss b/src/client/src/components/HomePage/homePage.scss index 1ca8cf9b..0e078860 100644 --- a/src/client/src/components/HomePage/homePage.scss +++ b/src/client/src/components/HomePage/homePage.scss @@ -63,6 +63,13 @@ padding: $spacing-4 !important; } } + &__section-iframe { + padding: $spacing-4; + @media (max-width: 600px) { + padding: $spacing-4 !important; + margin: auto !important; + } + } &__summary { color: $dark-blue; diff --git a/src/client/src/components/HomePage/sections.js b/src/client/src/components/HomePage/sections.js index 205d82b1..2e003e9c 100644 --- a/src/client/src/components/HomePage/sections.js +++ b/src/client/src/components/HomePage/sections.js @@ -2,8 +2,6 @@ import PropTypes from "prop-types"; import React from "react"; import { Link } from "react-router-dom"; -import { NounExcelIcon, NounPeopleIcon, NounPlatformIcon } from "./Icons"; - const LoginLink = () => (
(
); -export const IconItems = ({ users, isLoading = false }) => { - // I can't use anonymous function without a display name for icon. - // That's make a lint error - const items = [ - { - firstParagraph: "22 millions d’entreprises", - icon: function renderIcon(height) { - return ; - }, - secondParagraph: "37 millions d’établissements", - }, - { - firstParagraph: "59 millions de fiches​", - icon: function renderIcon(height) { - return ; - }, - secondParagraph: "200 Go de données​", - }, - { - firstParagraph: `+ ${users} utilisateurs`, - icon: function renderIcon(height) { - return ; - }, - secondParagraph: "dans les Dreets et Ddets(PP)", - }, - ]; - +export const IconItems = () => { return (
-

FCE en chiffres

-
- {items.map((item, index) => { - return ( -
-
-
{item.icon(40)}
- {isLoading && index === 2 ? ( -
-
-
-
-
- ) : ( -

{item.firstParagraph}

- )} -

{item.secondParagraph}

-
-
- ); - })} + {/*

FCE en chiffres

*/} +
+