https://ordinaryanimator.com/_next/static/chunks/pages/gallery-b2d72f489e2efb0b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1018],{8173:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var n=l(37876),r=l(34418),s=l(64117);function i(e){let{children:t}=e;return(0,n.jsx)(r.Ay,{level:"title-md",sx:s.g,children:t})}},23873:(e,t,l)=>{"use strict";l.d(t,{A:()=>h});var n=l(37876);l(14232);var r=l(21420),s=l(60992),i=l(20012),o=l(79020),a=l(87971),d=l(87165),c=l(43409),x=l(41414),u=l(81339);let h=function(e){let{title:t,open:l,onClose:h,onDelete:p,description:m}=e;return(0,n.jsx)(r.Ay,{open:l,onClose:h,sx:{zIndex:u.Mu.MODAL_CONFIRM},children:(0,n.jsxs)(s.A,{maxWidth:"sm",variant:"outlined",role:"alertDialog",sx:e=>({[e.breakpoints.only("xs")]:{top:"unset",bottom:0,left:0,right:0,borderRadius:0,transform:"none",maxWidth:"unset"},zIndex:u.Mu.MODAL_CONFIRM}),children:[(0,n.jsxs)(i.A,{sx:{overflowWrap:"anywhere",minWidth:0},children:[(0,n.jsx)(a.A,{color:"error"}),"Delete ",t,"?"]}),(0,n.jsx)(o.A,{sx:{overflowWrap:"anywhere"},children:m?(0,n.jsxs)(n.Fragment,{children:[m,"This operation cannot be undone."]}):(0,n.jsxs)(n.Fragment,{children:["This operation cannot be undone. Do you really want to delete ",t,"?"]})}),(0,n.jsxs)(d.az,{sx:{mt:1,display:"flex",gap:1,flexDirection:{xs:"column",sm:"row-reverse"}},children:[(0,n.jsx)(c.A,{onClick:p,children:"Delete"}),(0,n.jsx)(x.A,{onClick:h,children:"Cancel"})]})]})})}},33355:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/gallery",function(){return l(45005)}])},41414:(e,t,l)=>{"use strict";l.d(t,{A:()=>s});var n=l(37876),r=l(59742);function s(e){let{onClick:t,size:l,disabled:s,loading:i,sx:o,startDecorator:a,endDecorator:d,children:c}=e;return(0,n.jsx)(r.A,{color:"neutral",variant:"outlined",onClick:t,size:l,disabled:s,loading:i,startDecorator:a,endDecorator:d,sx:o,children:c})}},43409:(e,t,l)=>{"use strict";l.d(t,{A:()=>s});var n=l(37876),r=l(59742);function s(e){let{onClick:t,size:l,disabled:s,loading:i,sx:o,startDecorator:a,endDecorator:d,children:c}=e;return(0,n.jsx)(r.A,{color:"danger",variant:"solid",onClick:t,size:l,disabled:s,loading:i,startDecorator:a,endDecorator:d,sx:o,children:c})}},45005:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>_});var n=l(37876),r=l(14232),s=l(8982),i=l(34418),o=l(97297),a=l(87165),d=l(10524),c=l(47692),x=l(55564),u=l(8213),h=l(9668),p=l(81339),m=l(60119),j=l(56038),v=l(56595),A=l(8173);function f(e){let{variant:t,padding:l,children:r}=e;return(0,n.jsx)(a.az,{id:"main-content",sx:{py:"none"===l?0:{xs:2,sm:2,md:3},px:"none"===l?0:{xs:2,sm:2,md:6},flex:1,display:"flex",flexDirection:"column",minWidth:0,height:"fill"===t?"100dvh":void 0,gap:1},children:r})}var g=l(23873),y=l(71890),w=l(6415),D=l(32437);let b={BUTTON_POSITION:100};function O(e){let{image:t}=e,{storage:l}=(0,D.D3)(),[s,i]=(0,r.useState)(null),o=(0,h.D)();return(0,r.useEffect)(()=>{(null==t?void 0:t.path)?(0,D.SZ)(l,t.path).then(e=>i(e)).catch(()=>i(null)):i(null)},[null==t?void 0:t.path]),s?(0,n.jsx)("div",{style:{backgroundColor:o.vars.palette.background.level1,display:"inline-block"},children:(0,n.jsx)("img",{src:s,alt:null==t?void 0:t.timestamp,loading:"lazy",style:{borderRadius:4,display:"block",width:"100%"}})}):(0,n.jsx)("div",{style:{width:"100%",height:"48px"}})}function _(){let{user:e}=(0,y.A)(),{db:t,projectId:l,projectDetails:h,projectOwnerUid:_}=(0,w.t)(),{storage:k}=(0,D.D3)(),[C,N]=(0,r.useState)(!1),[z,T]=(0,r.useState)(null),I=(null==h?void 0:h.gallery)||{},P=I?Object.keys(I).map(e=>({...I[e],timestamp:e})).sort((e,t)=>-1*e.timestamp.localeCompare(t.timestamp)):[];if(!e||!l)return;let S=e=>{T({rtdbKey:e.timestamp,storagePath:e.path}),N(!0)};return(0,n.jsx)(v.A,{children:(0,n.jsxs)(f,{children:[(0,n.jsx)(A.A,{children:"Gallery"}),0==P.length&&(0,n.jsx)(i.Ay,{children:"The media gallery is empty."}),(0,n.jsx)(o.A,{container:!0,spacing:2,children:P.map(e=>(0,n.jsx)(o.A,{xs:12,sm:6,md:4,lg:3,xl:2,children:(0,n.jsxs)(a.az,{sx:{position:"relative"},children:[(0,n.jsx)(O,{image:e}),(0,n.jsx)(a.az,{sx:{position:"absolute",top:0,right:0},children:(0,n.jsxs)(c.m,{children:[(0,n.jsx)(x.A,{slots:{root:d.Ay},slotProps:{root:{variant:"solid"}},sx:{zIndex:b.BUTTON_POSITION},children:(0,n.jsx)(m.A,{})}),(0,n.jsx)(a.W1,{sx:{zIndex:p.Mu.DROPDOWN,width:"calc(var(--Sidebar-width) - 36px)"},children:(0,n.jsxs)(a.Dr,{onClick:()=>S(e),children:[(0,n.jsx)(u.A,{children:(0,n.jsx)(j.A,{})}),"Delete"]})})]})})]})}

1,e.timestamp))}),(0,n.jsx)(g.A,{title:"media",open:C,onClose:()=>N(!1),onDelete:()=>{z&&(t.updatePaths({["user/".concat((0,s.fC)(t,null==e?void 0:e.uid),"/project/").concat(l,"/project-details/gallery/").concat(z.rtdbKey)]:null}),T(null),N(!1))}})]})})}},64117:(e,t,l)=>{"use strict";l.d(t,{g:()=>n});let n={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}},e=>{var t=t=>e(e.s=t);e.O(0,[3007,6699,3623,2519,4492,7129,7504,992,1331,2343,7413,1890,3494,9107,4526,6595,636,6593,8792],()=>t(33355)),_N_E=e.O()}]);