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 e5fa1a68 authored by Christophe Chaudier's avatar Christophe Chaudier :rocket:
Browse files

feat: add link

parent b9697c51
No related branches found
No related tags found
No related merge requests found
This commit is part of merge request !62. Comments created here will be created in the context of that merge request.
import React from "react" import React from "react";
import clsx from "clsx"; import clsx from "clsx";
import Slider from "react-slick"; import Slider from "react-slick";
import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css"; import "slick-carousel/slick/slick-theme.css";
import useBaseUrl from "@docusaurus/useBaseUrl"; import useBaseUrl from "@docusaurus/useBaseUrl";
const CarouselList = [
{
name: "Home",
img: "/img/docusaurus.png",
link: "",
},
{
name: "Price",
img: "/img/docusaurus.png",
link: "",
},
{
name: "Community",
img: "/img/docusaurus.png",
link: "",
}
]
// const personList = persons.map(person => (
// <h2>{person.name}</h2>
// <img src={useBaseUrl(person.img)} />
// ))
// return <Slider {...settings}><div>{personList}</div></Slider>
function CarouselElement({name, img, link}) { function CarouselElement({name, img, link}) {
const settings = { const settings = {
...@@ -42,13 +19,11 @@ function CarouselElement({name, img, link}) { ...@@ -42,13 +19,11 @@ function CarouselElement({name, img, link}) {
}; };
return ( return (
<div className={clsx("col col--4")}> <div className="text--center">
<div className="text--center"> <a href={link} target="_blank" rel="noopener noreferrer">
<img src={useBaseUrl(img)} /> <img src={useBaseUrl(img)} />
</div>
<div className="text--center padding-horiz--md">
<h6>{name}</h6> <h6>{name}</h6>
</div> </a>
</div> </div>
); );
} }
......
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