diff --git a/build.zip b/build.zip new file mode 100644 index 0000000..e926bf6 Binary files /dev/null and b/build.zip differ diff --git a/src/components/calendarDesktop/Arrow_Left.svg b/src/components/calendarDesktop/Arrow_Left.svg new file mode 100644 index 0000000..d30b692 --- /dev/null +++ b/src/components/calendarDesktop/Arrow_Left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/calendarDesktop/Arrow_Right.svg b/src/components/calendarDesktop/Arrow_Right.svg new file mode 100644 index 0000000..e3f58b2 --- /dev/null +++ b/src/components/calendarDesktop/Arrow_Right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/swiper/swiper.tsx b/src/components/swiper/swiper.tsx index adefdf1..e69de29 100644 --- a/src/components/swiper/swiper.tsx +++ b/src/components/swiper/swiper.tsx @@ -1,141 +0,0 @@ -import React, { useEffect, useState } from "react"; -// Import Swiper React components -import { Swiper, SwiperSlide } from "swiper/react"; - -// import required modules -import { Pagination, Navigation } from "swiper"; -import useScreenSize from "use-screen-size"; - -import img from "./images/Architecture1.png"; -import img1 from "./images/Floor1.png"; -import img2 from "./images/Infrastructure1.png"; -import img3 from "./images/Outside.png"; -import "./swiper.css"; -import "swiper/css"; -import "swiper/css/pagination"; -import "swiper/css/navigation"; -import "../calendar/calendar"; -import { useTranslation } from "react-i18next"; - -type propsTypes = { - slidesPerView: string; - centeredSlides: boolean; - spaceBetween: number; - modules: Array; - className: string; - children: React.ReactNode; - rewind: boolean; - slideToClickedSlide: boolean, -}; - -export default function SwiperCentred(props: propsTypes) { - const { t } = useTranslation() - - const size = useScreenSize(); - const [caption, setCaption] = useState(); - - useEffect(() => { - setCaption(t('slider-subtitle1')); - }, [t]); - - function updateCaption() { - const slide = document - .querySelector(".image__slider_active") - ?.getAttribute("data-caption"); - setCaption(slide); - } - - function swiperWidth() { - if (size.width > 1600) { - return { - width: "644px", - height: "514px", - }; - } else if (size.width > 640) { - return { width: "536px", height: "428px" }; - } else { - return { width: "290px", height: "232px" }; - - } - } - - - return ( -
- 1024 ? true : false} - spaceBetween={size.width > 640 ? 20 : 10} - initialSlide={1} - slideToClickedSlide={true} - slidesPerView={'auto'} - loop={true} - loopedSlides={3} - onSlideChangeTransitionEnd={updateCaption} - modules={[Navigation, Pagination]} - navigation={{ - nextEl: ".button_next", - prevEl: ".button_prev", - }} - pagination={{ - el: ".container1", - type: "fraction", - }} - > - - {({ isActive }) => ( - slide - )} - - - {({ isActive }) => ( - slide - )} - - - {({ isActive }) => ( - slide - )} - - - {({ isActive }) => ( - slide - )} - -
-
-
-
-
-
-
-

{caption}

-
-

-
-
-
-
-
-
- ); -} diff --git a/src/src.rar b/src/src.rar new file mode 100644 index 0000000..061f2e6 Binary files /dev/null and b/src/src.rar differ