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