Kieran/DTAN
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: list files/tags

Browse Source
This commit is contained in:
Kieran 2023-11-27 13:46:09 +00:00
parent 0e04cf827d
commit 6808012fa4
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/page/torrent.tsx
View File

@ -26,6 +26,8 @@ export function TorrentPage() {
export function TorrentDetail({ item }: { item: TaggedNostrEvent }) { export function TorrentDetail({ item }: { item: TaggedNostrEvent }) {
const name = item.tags.find((a) => a[0] === "title")?.at(1); const name = item.tags.find((a) => a[0] === "title")?.at(1);
const size = Number(item.tags.find((a) => a[0] === "size")?.at(1)); const size = Number(item.tags.find((a) => a[0] === "size")?.at(1));
const files = item.tags.filter(a => a[0] === "file");
const tags = item.tags.filter(a => a[0] === "t").map(a => a[1]);
return ( return (
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
@ -36,6 +38,10 @@ export function TorrentDetail({ item }: { item: TaggedNostrEvent }) {
<div className="flex flex-col gap-1 bg-slate-700 p-2 rounded"> <div className="flex flex-col gap-1 bg-slate-700 p-2 rounded">
<div>Size: {FormatBytes(size)}</div> <div>Size: {FormatBytes(size)}</div>
<div>Uploaded: {new Date(item.created_at * 1000).toLocaleDateString()}</div> <div>Uploaded: {new Date(item.created_at * 1000).toLocaleDateString()}</div>
<div className="flex items-center gap-2">Tags: <div className="flex gap-1">
{tags.map(a => <div className="rounded p-1 bg-slate-400">#{a}</div>)}
</div>
</div>
<div> <div>
<MagnetLink item={item} className="flex gap-1 items-center"> <MagnetLink item={item} className="flex gap-1 items-center">
Get this torrent Get this torrent
@ -44,6 +50,13 @@ export function TorrentDetail({ item }: { item: TaggedNostrEvent }) {
</div> </div>
<h3>Description</h3> <h3>Description</h3>
<pre className="font-mono text-xs bg-slate-700 p-2 rounded overflow-y-auto">{item.content}</pre> <pre className="font-mono text-xs bg-slate-700 p-2 rounded overflow-y-auto">{item.content}</pre>
<h3>Files</h3>
<div className="flex flex-col gap-1 bg-slate-700 p-2 rounded">
{files.map(a => <div className="flex items-center gap-2">
{a[1]}
<small className="text-slate-500 font-semibold">{FormatBytes(Number(a[2]))}</small>
</div>)}
</div>
</div> </div>
); );
} }