+ .map((a, i) => (
+
- {new Date(a.created_at * 1000).toLocaleString()}
+ {new Date(a.created_at * 1000).toLocaleString()}
- }) {
}, [params]);
return (
- > }) {
+export function Text({ content, tags, wrap = true }: { content: string; tags: Array>; wrap?: boolean }) {
const frags = useMemo(() => transformText(content, tags), [content, tags]);
- function renderFrag(f: ParsedFragment) {
+ function renderFrag(f: ParsedFragment, index: number) {
switch (f.type) {
+ case "media":
+ return 
;
case "mention":
case "link": {
- const link = tryParseNostrLink(f.content);
- if (link) {
- return }) {
return (
-
+
-
Write a Comment
- - +
+
);
}
diff --git a/src/element/profile-image.tsx b/src/element/profile-image.tsx
index e6f38ab..320030f 100644
--- a/src/element/profile-image.tsx
+++ b/src/element/profile-image.tsx
@@ -26,7 +26,7 @@ export function ProfileImage({ pubkey, size, withName, children, ...props }: Pro
>
{withName === true && <>{profile?.name}}
diff --git a/src/element/search.tsx b/src/element/search.tsx
index d2460d3..188716e 100644
--- a/src/element/search.tsx
+++ b/src/element/search.tsx
@@ -12,19 +12,17 @@ export function Search(params: { term?: string; tags?: Array
+
+
+
+
+
+
+
- setTerm(e.target.value)}
- onKeyDown={(e) => {
- if (e.key == "Enter") {
- navigate(`/search/${encodeURIComponent(term)}${tags.length > 0 ? `?tags=${tags.join(",")}` : ""}`);
- }
- }}
- />
-
+ setTerm(e.target.value)}
+ onKeyDown={(e) => {
+ if (e.key == "Enter") {
+ navigate(`/search/${encodeURIComponent(term)}${tags.length > 0 ? `?tags=${tags.join(",")}` : ""}`);
+ }
+ }}
+ />
);
}
diff --git a/src/element/text.tsx b/src/element/text.tsx
index 5590979..195939d 100644
--- a/src/element/text.tsx
+++ b/src/element/text.tsx
@@ -3,29 +3,34 @@ import { useMemo } from "react";
import { Mention } from "./mention";
import { Link } from "react-router-dom";
-export function Text({ content, tags }: { content: string; tags: Array{frags.map(renderFrag)}
;
+ if (wrap) {
+ return {frags.map(renderFrag)}
;
+ }
+ return frags.map(renderFrag);
}
diff --git a/src/element/torrent-list.css b/src/element/torrent-list.css
index bc21b33..8559597 100644
--- a/src/element/torrent-list.css
+++ b/src/element/torrent-list.css
@@ -1,11 +1,12 @@
.torrent-list {
width: 100%;
border-collapse: collapse;
+ font-size: 14px;
+ font-weight: 400;
}
.torrent-list td,
.torrent-list th {
- border: 1px solid #333;
- padding: 0px 5px;
- font-size: 14px;
+ border-bottom: 1px solid #222;
+ padding: 0px 6px;
}
diff --git a/src/element/torrent-list.tsx b/src/element/torrent-list.tsx
index 7f4b68a..2a78252 100644
--- a/src/element/torrent-list.tsx
+++ b/src/element/torrent-list.tsx
@@ -4,18 +4,19 @@ import { FormatBytes } from "../const";
import { Link } from "react-router-dom";
import { MagnetLink } from "./magnet";
import { Mention } from "./mention";
+import { useMemo } from "react";
export function TorrentList({ items }: { items: Array| Category | +|||||||||
|---|---|---|---|---|---|---|---|---|---|
| Category | Name | Uploaded | Size | -From | +From | ||||
| - {item.tags - .filter((a) => a[0] === "t") - .slice(0, 3) - .map((a, i, arr) => ( - <> - b[1]) - .join(","), - )}`} - > - {a[1]} - - {arr.length !== i + 1 && " > "} - - ))} + <> + {tag[1]} + {tags.length !== startIndex + 1 && " > "} + + ); +} + +function TorrentTableEntry({ item }: { item: TaggedNostrEvent }) { + const { name, size } = useMemo(() => { + const name = item.tags.find((a) => a[0] === "title")?.at(1); + const size = item.tags + .filter((a) => a[0] === "file") + .map((a) => Number(a[2])) + .reduce((acc, v) => (acc += v), 0); + return { name, size }; + }, [item]); + + return ( + | |||||||||
|
+ |
- + | {name} | -{new Date(item.created_at * 1000).toLocaleDateString()} | +{new Date(item.created_at * 1000).toLocaleDateString()} |
|
- {FormatBytes(size)} | -+ | {FormatBytes(size)} | +
|
