From 0ba1538520d18f771f0487ac7c0b84c75f9fa872 Mon Sep 17 00:00:00 2001 From: RedrockJS Date: Thu, 5 Jun 2025 09:23:35 +0300 Subject: [PATCH] feat: add slider --- package-lock.json | 22 +++++++- package.json | 3 +- public/images/empty-image.jpg | Bin 0 -> 19291 bytes public/svg/empty-paper.svg | 50 ++++++++++++++++++ src/core/.gitkeep | 1 - src/views/home/ui/license/license.tsx | 31 ++++++++++- src/widgets/.gitkeep | 1 - src/widgets/index.ts | 1 + src/widgets/license-slider/index.ts | 1 + .../license-slider/license-slider.module.scss | 9 ++++ src/widgets/license-slider/license-slider.tsx | 43 +++++++++++++++ 11 files changed, 156 insertions(+), 6 deletions(-) create mode 100644 public/images/empty-image.jpg create mode 100644 public/svg/empty-paper.svg delete mode 100644 src/core/.gitkeep delete mode 100644 src/widgets/.gitkeep create mode 100644 src/widgets/index.ts create mode 100644 src/widgets/license-slider/index.ts create mode 100644 src/widgets/license-slider/license-slider.module.scss create mode 100644 src/widgets/license-slider/license-slider.tsx diff --git a/package-lock.json b/package-lock.json index fb3554a..59440c8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,8 @@ "dependencies": { "next": "15.3.2", "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "swiper": "^11.2.8" }, "devDependencies": { "@eslint/eslintrc": "^3", @@ -5517,6 +5518,25 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/swiper": { + "version": "11.2.8", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.2.8.tgz", + "integrity": "sha512-S5FVf6zWynPWooi7pJ7lZhSUe2snTzqLuUzbd5h5PHUOhzgvW0bLKBd2wv0ixn6/5o9vwc/IkQT74CRcLJQzeg==", + "funding": [ + { + "type": "patreon", + "url": "https://www.patreon.com/swiperjs" + }, + { + "type": "open_collective", + "url": "http://opencollective.com/swiper" + } + ], + "license": "MIT", + "engines": { + "node": ">= 4.7.0" + } + }, "node_modules/tinyglobby": { "version": "0.2.14", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz", diff --git a/package.json b/package.json index 7b1b1da..b17420c 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,8 @@ "dependencies": { "next": "15.3.2", "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "swiper": "^11.2.8" }, "devDependencies": { "@eslint/eslintrc": "^3", diff --git a/public/images/empty-image.jpg b/public/images/empty-image.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7b2c271c03651a61cca3cef051698541ef5acfb0 GIT binary patch literal 19291 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 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/core/.gitkeep b/src/core/.gitkeep deleted file mode 100644 index c710e69..0000000 --- a/src/core/.gitkeep +++ /dev/null @@ -1 +0,0 @@ -reusable components \ No newline at end of file diff --git a/src/views/home/ui/license/license.tsx b/src/views/home/ui/license/license.tsx index 4602bd8..ae8d8b9 100644 --- a/src/views/home/ui/license/license.tsx +++ b/src/views/home/ui/license/license.tsx @@ -1,9 +1,11 @@ import s from './license.module.scss'; import { Button, Input, Mark } from '@shared/ui'; +import { LicenseSlider } from '@/widgets'; +import Image from 'next/image'; import bgForm from '@public/images/bg-form.jpg'; -import Image from 'next/image'; +import emptyPaper from '@public/svg/empty-paper.svg'; export default function License() { return ( @@ -12,7 +14,9 @@ export default function License() { Наши услуги подтверждены лицензиями и сертификатами -
Slider here
+
+ +
@@ -45,3 +49,26 @@ export default function License() { ); } + +const slides = [ + { + id: '0', + name: '', + image: emptyPaper, + }, + { + id: '1', + name: '', + image: emptyPaper, + }, + { + id: '2', + name: '', + image: emptyPaper, + }, + { + id: '3', + name: '', + image: emptyPaper, + }, +]; diff --git a/src/widgets/.gitkeep b/src/widgets/.gitkeep deleted file mode 100644 index c710e69..0000000 --- a/src/widgets/.gitkeep +++ /dev/null @@ -1 +0,0 @@ -reusable components \ No newline at end of file diff --git a/src/widgets/index.ts b/src/widgets/index.ts new file mode 100644 index 0000000..3b69a03 --- /dev/null +++ b/src/widgets/index.ts @@ -0,0 +1 @@ +export { LicenseSlider } from './license-slider'; diff --git a/src/widgets/license-slider/index.ts b/src/widgets/license-slider/index.ts new file mode 100644 index 0000000..99b8748 --- /dev/null +++ b/src/widgets/license-slider/index.ts @@ -0,0 +1 @@ +export { default as LicenseSlider } from './license-slider'; diff --git a/src/widgets/license-slider/license-slider.module.scss b/src/widgets/license-slider/license-slider.module.scss new file mode 100644 index 0000000..e1541b7 --- /dev/null +++ b/src/widgets/license-slider/license-slider.module.scss @@ -0,0 +1,9 @@ +.Slider { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.Slide { + cursor: pointer; +} \ No newline at end of file diff --git a/src/widgets/license-slider/license-slider.tsx b/src/widgets/license-slider/license-slider.tsx new file mode 100644 index 0000000..f5869df --- /dev/null +++ b/src/widgets/license-slider/license-slider.tsx @@ -0,0 +1,43 @@ +'use client'; + +import s from './license-slider.module.scss'; + +import Image from 'next/image'; +import { StaticImport } from 'next/dist/shared/lib/get-img-props'; +import { clsx } from 'clsx'; + +import { Swiper, SwiperSlide } from 'swiper/react'; +import 'swiper/css'; + +type LicenseSliderProps = { + className?: string; + images: { + id: string; + name: string; + image: string | StaticImport; + }[]; +}; + +const mockFullSizeImage = 'images/empty-image.jpg'; + +export default function LicenseSlider({ + className, + images, +}: LicenseSliderProps) { + return ( + console.log('slide change')} + onSwiper={(swiper) => console.log(swiper)} + > + {images.map(({ id, name, image }) => ( + + + {name} + + + ))} + + ); +}