scientific-witchery/pds-dash
3
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

I guess we displaying posts now

Browse source
This commit is contained in:
Ariadna 2025-04-20 00:42:56 -04:00
parent 3f03c12152
commit 19eb695b08
Signed by: ari
SSH key fingerprint: SHA256:j4xpQafvRcIH4rwZqM5aREIogWsCjyYohia7vH0+uZY
14 changed files with 387 additions and 171 deletions
Download patch file Download diff file Expand all files Collapse all files

66
web/src/lib/PostComponent.svelte
View file

@ -1,21 +1,53 @@
<script lang="ts">
import { Post } from "./pdsfetch";
let { post } : { post : Post } = $props();
let { post }: { post: Post } = $props();
</script>
<div>
<p>{post.displayName} | {post.timenotstamp}</p>
<p>{post.text}</p>
{#if post.replyingDid}
<p>Replying to: {post.replyingDid}</p>
{/if}
{#if post.imagesLinksCid}
{#each post.imagesLinksCid as imageLink}
<img src="https://pds.witchcraft.systems/xrpc/com.atproto.sync.getBlob?did={post.authorDid}&cid={imageLink}" />
{/each}
{/if}
{#if post.videosLinkCid}
<video src="https://pds.witchcraft.systems/xrpc/com.atproto.sync.getBlob?did={post.authorDid}&cid={post.videosLinkCid}" />
{/if}
</div>
<div id="postContainer">
<div id="postHeader">
{#if post.authorAvatarCid}
<img
id="avatar"
src="https://pds.witchcraft.systems/xrpc/com.atproto.sync.getBlob?did={post.authorDid}&cid={post.authorAvatarCid}"
/>
{/if}
<p>{post.displayName} | {post.timenotstamp}</p>
</div>
<div id="postContent">
<p>{post.text}</p>
{#if post.replyingDid}
<p>Replying to: {post.replyingDid}</p>
{/if}
{#if post.imagesLinksCid}
{#each post.imagesLinksCid as imageLink}
<img
id="embedImages"
src="https://pds.witchcraft.systems/xrpc/com.atproto.sync.getBlob?did={post.authorDid}&cid={imageLink}"
/>
{/each}
{/if}
{#if post.videosLinkCid}
<video
id="embedVideo"
src="https://pds.witchcraft.systems/xrpc/com.atproto.sync.getBlob?did={post.authorDid}&cid={post.videosLinkCid}"
/>
{/if}
</div>
</div>
<style>
#postContainer {
display: column;
text-align: start;
border: 2px solid black;
padding: 4%;
}
#postHeader {
text-decoration: underline;
}
#avatar {
width: 50px;
height: 50px;
border-radius: 50%;
}
</style>