diff --git a/index.d.ts b/index.d.ts
index 9b5e6636c506f43ec26067c04532a76dfbe59747..f6ee62029807c32a7816aaf00b5f1ce74d8795b7 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -56,16 +56,6 @@ interface LinkProps {
}
export function Link(props: LinkProps): JSX.Element;
-interface DataImage {
- src: string;
-}
-interface Image {
- images: Array<DataImage>;
- isLogo: boolean;
- delay?: number;
-}
-export function Carousel(props: Image): JSX.Element;
-
interface SearchProps {}
export function Search(props: SearchProps): JSX.Element;
diff --git a/index.js b/index.js
index c9ef35913dc123a0bc40c7a3704a7431cf2d3e8b..2a82a5d96f20783b916bd206fced315309b71238 100644
--- a/index.js
+++ b/index.js
@@ -15,9 +15,6 @@ export { default as Map } from "./src/components/core/Map";
// Feature components
export { default as Hero } from "./src/components/Hero";
-//Carousel components
-export { default as Carousel } from "./src/components/core/Carousel";
-
// Logo components
export { default as Logo } from "./src/components/core/Logo";
diff --git a/src/components/core/Carousel.tsx b/src/components/core/Carousel.tsx
deleted file mode 100644
index 2b36018ffe9b635ff7e2d5e6b9043535bf1e5cbc..0000000000000000000000000000000000000000
--- a/src/components/core/Carousel.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from "react";
-
-interface DataImage {
- src: string;
-}
-
-interface Props {
- images: Array<DataImage>;
- isLogo: boolean;
- delay?: number;
-}
-
-const Carousel = (props: Props) => {
- const { images, isLogo, delay } = props;
- const [index, setIndex] = React.useState(1);
- // const [leftAndRightDisabled, setLeftAndRightDisabled] = React.useState(false);
- // const [stateSlides, setStateSlides] = React.useState<any[]>([]);
-
- const nbr_image: number = images.length;
-
- const updateIndex = (newIndex: number) => {
- if (newIndex < 0) {
- newIndex = nbr_image - 1;
- } else if (newIndex >= nbr_image) {
- newIndex = 0;
- }
-
- setIndex(newIndex);
- };
-
- // React.useEffect(() => {
- // const slidesWithClones = [...images];
- // slidesWithClones.unshift(slidesWithClones[slidesWithClones.length - 1]);
- // slidesWithClones.push(slidesWithClones[1]);
- // setStateSlides(slidesWithClones);
-
- // // ...
- // }, []);
-
- React.useEffect(() => {
- const interval = setInterval(() => {
- if (delay != 0) {
- updateIndex(index + 1);
- }
- }, delay);
-
- return () => {
- if (interval) {
- clearInterval(interval);
- }
- };
- });
-
- return (
- <div className="block relative">
- <div
- className={`carousel ${isLogo ? "w-[50%] ml-20" : "w-full"} truncate`}
- >
- <div
- className={`whitespace-nowrap ${isLogo ? "w-[25%]" : "w-full"} `}
- style={{
- transform:
- isLogo ?
- nbr_image > 4
- ? `translateX(-${index * 60 }%)`
- : `translateX(0)`
- : `translateX(-${index * 100}%)`,
- transition: "transform 0.3s",
- }}
- >
- {images.map((item: any, key: any) => {
- return (
- <div
- className={`carousel-item relative w-full inline-block`}
- key={key}
- >
- {isLogo ? (
- <div className="flex justify-center items-center w-full">
- <img
- src={item.src}
- className="w-28 h-28 border border-gray-600 p-4"
- />
- </div>
- ) : (
- <img src={item.src} className="w-full h-[384px]" />
- )}
- </div>
- );
- })}
- </div>
- </div>
- <div
- className={`absolute flex justify-between pl-5 pr-5 ${
- isLogo ? "w-[62%]" : "w-full"
- } ${isLogo ? "mt-[0%] top-9" : " mt-[0%] top-[47%]"} `}
- >
- <button
- onClick={() => updateIndex(index - 1)}
- className={`bg-[#5A5C68] rounded-3xl ${
- isLogo ? "w-5" : "w-10"
- } h-10 text-white`}
- >
- â®
- </button>
- <button
- onClick={() => updateIndex(index + 1)}
- className={`bg-[#5A5C68] rounded-3xl ${
- isLogo ? "w-5" : "w-10"
- } h-10 text-white`}
- >
- â¯
- </button>
- </div>
- </div>
- );
-};
-
-export default Carousel;
diff --git a/src/components/core/Footer.tsx b/src/components/core/Footer.tsx
index 26efc204a0df6b105443116326dd0e7296a78779..1a79a6cc26889a861651b702975cf21cd74918ed 100644
--- a/src/components/core/Footer.tsx
+++ b/src/components/core/Footer.tsx
@@ -1,26 +1,11 @@
import React from "react";
-import { Carousel, Logo } from "@onegeo/gatsby-theme-onegeo";
+import { Logo } from "@onegeo/gatsby-theme-onegeo";
import image from "../../images/logo-egeo.png";
interface Props {
className?: string;
}
-// const dataImage = [
-// {
-// src: "https://placeimg.com/800/200/arch",
-// },
-// {
-// src: "https://placeimg.com/800/200/arch",
-// },
-// {
-// src: "https://placeimg.com/800/200/arch",
-// },
-// {
-// src: "https://placeimg.com/800/200/arch",
-// },
-// ];
-
const Footer = (props: Props) => {
const { className = "" } = props;
return (
@@ -35,7 +20,6 @@ const Footer = (props: Props) => {
</div>
<div className="grid-flow-col md:justify-self-center">
<a className="link link-hover">Partners</a>
- {/* <Carousel images={dataImage} isLogo={true} delay={2000} /> */}
</div>
<div className="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
<a href="#">
diff --git a/src/pages-doc/doc/core/carousel.tsx b/src/pages-doc/doc/core/carousel.tsx
deleted file mode 100644
index a7404610257faad6c85abe995806ee4b82835cbc..0000000000000000000000000000000000000000
--- a/src/pages-doc/doc/core/carousel.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react'
-import { Link } from "gatsby";
-
-import { Content } from "@onegeo/gatsby-theme-onegeo";
-import { Carousel } from "@onegeo/gatsby-theme-onegeo";
-
-
-const carousel = () => {
- const dataImage = [
- {
- src: "https://placeimg.com/800/200/arch",
- },
- {
- src: "https://placeimg.com/800/200/arch",
- },
- {
- src: "https://placeimg.com/800/200/arch",
- },
- {
- src: "https://placeimg.com/800/200/arch",
- },
-
- ];
- return (
- <Content>
- <div className="prose">
- <Link to="/doc/core">Retour</Link>
-
- <h1>Carousel</h1>
- <h2>Props</h2>
- <div className="mockup-code">
- <pre>
- <code>
- {`
-interface DataImage {
- src: string;
- }
-
- interface Props {
- images: Array<DataImage>;
- isLogo: boolean;
- delay?: number;
- }
-
- const dataImage = [
- {
- src: logo1,
- },
- {
- src: logo2,
- },
- {
- src: logo3,
- },
- {
- src: logo4,
- },
- {
- src: logo5,
- },
-];
-`}
- </code>
- </pre>
- </div>
-
- <h2>Example</h2>
- </div>
- <Carousel images = {dataImage} isLogo = {false} delay={3000}/>
- </Content>
- )
-}
-
-export default carousel