Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 7424a242 authored by Plumtree3D's avatar Plumtree3D Committed by Christophe Chaudier
Browse files

fixed indentation and key in iterator

parent 53239800
No related branches found
No related tags found
1 merge request!72Resolve "refactor: HomepageFeatures"
Pipeline #8046 passed
...@@ -2,56 +2,56 @@ import React from "react"; ...@@ -2,56 +2,56 @@ import React from "react";
import clsx from "clsx"; import clsx from "clsx";
import styles from "./HomepageFeatures.module.css"; import styles from "./HomepageFeatures.module.css";
import useBaseUrl from "@docusaurus/useBaseUrl"; import useBaseUrl from "@docusaurus/useBaseUrl";
import Tabs from '@theme/Tabs'; import Tabs from "@theme/Tabs";
import TabItem from '@theme/TabItem'; import TabItem from "@theme/TabItem";
const FeatureList = [ const FeatureList = [
{ {
id: 5, id: 5,
title: "Le\u00A0SSO\u00A0🔑", title: "Le\u00A0SSO\u00A0🔑",
svg: "hello.png", svg: "hello.png",
alt: "Kermit, sortant de sa cachette", alt: "Kermit, sortant de sa cachette",
description: "Authentifiez-vous une bonne fois pour toute !" description: "Authentifiez-vous une bonne fois pour toute !"
}, },
{ {
id: 1, id: 1,
title: "Le\u00A0Lab\u00A0🧪", title: "Le\u00A0Lab\u00A0🧪",
svg: "chemistry.svg", svg: "chemistry.svg",
alt: "Kermit manipule du matériel de laboratoire", alt: "Kermit manipule du matériel de laboratoire",
description:"Gérer vos projets, héberger votre code et collaborer autour de Git", description:"Gérer vos projets, héberger votre code et collaborer autour de Git",
}, },
{ {
id: 2, id: 2,
title: "La\u00A0CI\u00A0🔁", title: "La\u00A0CI\u00A0🔁",
svg: "rainbow.svg", svg: "rainbow.svg",
alt: "Kermit pose devant un arc-en-ciel", alt: "Kermit pose devant un arc-en-ciel",
description: "Des applications qui passent tous les tests grâce aux fonctionnalités de Gitlab-CI" description: "Des applications qui passent tous les tests grâce aux fonctionnalités de Gitlab-CI"
}, },
{ {
id: 4, id: 4,
title: "Les\u00A0Pages\u00A0🔖", title: "Les\u00A0Pages\u00A0🔖",
svg: "read-smile.svg", svg: "read-smile.svg",
alt: "Kermit porte des lunettes rondes et lit un livre", alt: "Kermit porte des lunettes rondes et lit un livre",
description: "Publier vos sites, blog ou documetation, ou n'importe quel site statique sur nos GitLab pages" description: "Publier vos sites, blog ou documetation, ou n'importe quel site statique sur nos GitLab pages"
}, },
{ {
id: 3, id: 3,
title: "Le\u00A0Chat\u00A0💬", title: "Le\u00A0Chat\u00A0💬",
svg: "selfie.svg", svg: "selfie.svg",
alt: "Kermit prend un selfie", alt: "Kermit prend un selfie",
description: "Un chat intégré pour communiquer autour du code… juste à côté du code" description: "Un chat intégré pour communiquer autour du code… juste à côté du code"
}, },
{ {
id: 6, id: 6,
title: "La\u00A0communauté\u00A0🍺", title: "La\u00A0communauté\u00A0🍺",
svg: "beer.png", svg: "beer.png",
alt: "Kermit faisant un clin d'oeil, une chope à la main", alt: "Kermit faisant un clin d'oeil, une chope à la main",
description: "Une communauté Git pour solutionner vos pépins rapidement" description: "Une communauté Git pour solutionner vos pépins rapidement"
} }
]; ];
export default function HomepageFeaturesTab() { export default function HomepageFeatures() {
return ( return (
<section className="sections container" id="features"> <section className="sections container" id="features">
<h2 className={clsx("text--center")}>Optimisez votre manière de façonner vos applications <h2 className={clsx("text--center")}>Optimisez votre manière de façonner vos applications
...@@ -63,19 +63,19 @@ export default function HomepageFeaturesTab() { ...@@ -63,19 +63,19 @@ export default function HomepageFeaturesTab() {
</p> </p>
</div> </div>
<div> <div>
<Tabs className={styles.tabsElement}> <Tabs className={styles.tabsElement}>
{FeatureList.map((em) => ( {FeatureList.map((em) => (
<TabItem className={clsx("text--center")} value={em.title} label={em.title}> <TabItem key={em.id} className={clsx("text--center")} value={em.title} label={em.title}>
<div className={styles.rowDisplay}> <div className={styles.rowDisplay}>
<img src={useBaseUrl("img/HomepageFeatures/" + em.svg)} alt={em.alt} className={styles.tabImages}/> <img src={useBaseUrl("img/HomepageFeatures/" + em.svg)} alt={em.alt} className={styles.tabImages}/>
<p className={styles.textDisplay}> {em.description} </p> <p className={styles.textDisplay}> {em.description} </p>
</div> </div>
</TabItem> </TabItem>
))} ))}
</Tabs> </Tabs>
</div> </div>
</section> </section>
); );
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment