2 lines
2.4 KiB
JavaScript
2 lines
2.4 KiB
JavaScript
|
import{aa as I,ab as M,u as S,d as w,j as s,K as E,ac as P,e as k,n as A,C as O,a3 as T,a8 as L,ad as V,E as B}from"./ui-library-DpZprY9x.js";import{a as i}from"./react-vendor-Y0eyvj1J.js";const F=[{id:0,title:"Фото",titleEn:"Photo"},{id:1,title:"Видео",titleEn:"Video"}],q=({className:f})=>{var x,p,u,g,h;const[n,b]=i.useState(0),{data:t,isPending:v}=I(1),{data:o}=M(1),[N,c]=i.useState(!1),[C,r]=i.useState({id:0,type:"photo"}),y=S(e=>e.lang),m=({id:e,type:a})=>{c(!0),r({id:e,type:a})};console.log(o);const{t:_}=w("main"),[d,z]=i.useState(!1);return s.jsxs(s.Fragment,{children:[s.jsx(E,{children:N&&s.jsx(P,{activeItem:C,setActiveItem:r,setIsOpen:c})}),s.jsxs("section",{className:k("",f),children:[s.jsx(A,{title:y==="ru"?"Моменты":"Moments"}),s.jsx(O,{className:"page-bottom md:pt-10 pt-6",children:v?s.jsx(T,{}):s.jsxs("div",{className:"flex justify-center flex-col",children:[s.jsx(L,{state:n,setState:b,data:F,className:"mb-6"}),s.jsx("h3",{className:"md:text-3xl text-2xl mb-6",children:"2025"}),s.jsx("div",{className:"grid lg:grid-cols-4 lg:gap-y-4 lg:gap-x-6 md:gap-6 gap-4 grid-cols-2 place-items-center",children:n===0?(p=(x=t==null?void 0:t.photos)==null?void 0:x.slice(0,d?1e3:16))==null?void 0:p.map((e,a)=>{var l,j;return s.jsx("div",{onClick:()=>m({id:a,type:"photo"}),className:"cursor-pointer embla__slide basis-1/1 overflow-hidden",children:s.jsx("img",{src:((l=e==null?void 0:e.photo)==null?void 0:l.path)??"",alt:((j=e==null?void 0:e.photo)==null?void 0:j.file_name)??"photo",className:"size-full object-cover hover:scale-105 duration-300 transition-all"})},a)}):(u=o==null?void 0:o.videos)==null?void 0:u.map((e,a)=>{var l;return s.jsxs("div",{onClick:()=>m({id:a,type:"video"}),className:"cursor-pointer group embla__slide basis-1/1 overflow-hidden relative",children:[s.jsx(V,{fill:"white",size:20,color:"white",className:"absolute group-hover:scale-125 transition-all duration-300 top-1/2 z-10 left-1/2 -translate-x-1/2 -translate-y-1/2 "}),s.jsx("div",{className:"absolute top-0 left-0 size-full bg-[#2C57A752]/[32%]"}),s.jsx("img",{src:((l=e==null?void 0:e.video_photo)==null?void 0:l.path)??"",className:"size-full object-cover"})]},a)})}),((g=t==null?void 0:t.photos)==null?void 0:g.length)&&((h=t==null?void 0:t.photos)==null?void 0:h.length)>16&&!d&&s.jsx(B,{onClick:()=>z(!0),className:"mx-auto w-[288px] mt-10 text-on_surface",size:"lg",variant:"outline",children:_("media.button")})]})})]})]})};export{q as default};
|