2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
import{_ as b}from"./DA2uui3N.js";import{d as w,u as S,H as P,r as f,a4 as C,o as B,aj as j,z as o,A as t,a3 as z,K as e,S as n,a1 as c,B as l,a2 as T,a6 as v,a7 as q,G as x,T as i}from"./kLSCkWOg.js";import{u as D}from"./YIzBvnMW.js";import{l as m}from"./B3yE4oFm.js";const V={class:"w-full grid grid-cols-3 gap-2px"},G=["onClick"],I={key:0,class:"w-full h-full object-cover",alt:"Post Image"},L={key:1,class:"relative w-full h-full"},M=["src"],N=["src"],O=w({__name:"SavedList",setup(R){const g=S(),_=P(),r=D(),h=f({}),u=f();return C(u,([{isIntersecting:s}])=>{s&&setTimeout(()=>{r.loadPosts()},100)}),B(()=>{r.loadPosts()}),(s,d)=>{const p=b,y=j("lazy");return o(),t("div",{class:z(["flex flex-col gap-2 min-h-50vh",e(r).savedPosts?.length>0?"":"justify-center"])},[("loading"in s?s.loading:e(n))?i("",!0):(o(),t(c,{key:0},[l("div",V,[(o(!0),t(c,null,T(e(r).savedPosts,(a,k)=>(o(),t("div",{key:k,class:"w-full aspect-square relative",onClick:A=>e(g).push({name:"saved-posts",query:{target:a.id}})},[a.files?.length?(o(),t(c,{key:0},[a.files[0]?.type==="image"?v((o(),t("img",I,null,512)),[[y,{src:e(_).useDataStorage(a.files[0].url),loading:e(m),error:e(m)}]]):a.files[0]?.type==="video"?(o(),t("div",L,[l("video",{ref_for:!0,ref:"videoRefs",src:a.files[0]?.url,class:"hidden"},null,8,M),l("img",{src:h.value[a.files[0]?.url],class:"w-full h-full object-cover",alt:"Video Thumbnail"},null,8,N),d[0]||(d[0]=l("div",{class:"absolute inset-0 flex items-center justify-center bg-black bg-opacity-30"},[l("svg",{class:"w-12 h-12 text-white",fill:"currentColor",viewBox:"0 0 24 24"},[l("path",{d:"M8 5v14l11-7z"})])],-1))])):i("",!0)],64)):i("",!0)],8,G))),128))]),v(l("div",{ref_key:"observer",ref:u,class:"w-full opacity-0 relative"}," load ",512),[[q,!("loading"in s?s.loading:e(n))]]),("loading"in s?s.loading:e(n))?(o(),x(p,{key:0})):i("",!0)],64))],2)}}});export{O as _};
|