diff --git a/public/images/posters/histories/1.jpg b/public/images/posters/histories/1.jpg new file mode 100644 index 0000000..8308dbc Binary files /dev/null and b/public/images/posters/histories/1.jpg differ diff --git a/public/images/posters/histories/2.jpg b/public/images/posters/histories/2.jpg new file mode 100644 index 0000000..bed5704 Binary files /dev/null and b/public/images/posters/histories/2.jpg differ diff --git a/public/images/posters/histories/3.jpg b/public/images/posters/histories/3.jpg new file mode 100644 index 0000000..0604e1f Binary files /dev/null and b/public/images/posters/histories/3.jpg differ diff --git a/src/components/Histories.tsx b/src/components/Histories.tsx index 20bec09..b3f60db 100644 --- a/src/components/Histories.tsx +++ b/src/components/Histories.tsx @@ -1,10 +1,10 @@ import { createRef, useEffect, useState } from "react"; import { useInView } from "react-intersection-observer"; import { useSwipeable } from "react-swipeable"; +import { Transition } from "react-transition-group"; import { Video } from "../types/Video"; import ArrowLeftIcon from "./icons/ArrowLeftIcon"; import ArrowRightIcon from "./icons/ArrowRightIcon"; -import { Transition } from "react-transition-group"; const VIDEOS: Video[] = [ { @@ -12,14 +12,14 @@ const VIDEOS: Video[] = [ value: "/videos/histories/1.mp4", title: "Интерактивный комплекс GRAFF.estate для ЖК Upside Towers, Москва", desc: "", - poster: "", + poster: "/images/posters/histories/1.jpg", }, { id: "2", value: "/videos/histories/2.mp4", title: "Graff.estate на выставке 100+ TechnoBuild", desc: "", - poster: "", + poster: "/images/posters/histories/2.jpg", }, { id: "3", @@ -27,7 +27,7 @@ const VIDEOS: Video[] = [ title: "Интерактивная инсталляция graff.estate для ЖК DNS City в г. Владивосток", desc: "", - poster: "", + poster: "/images/posters/histories/3.jpg", }, ];