From ff9de60b6b48baa9accba2aea2e8f780c264a866 Mon Sep 17 00:00:00 2001 From: Kieran Date: Tue, 20 Dec 2022 23:14:13 +0000 Subject: [PATCH] Thread loading --- src/element/Note.css | 5 +++ src/element/Note.js | 16 ++++++--- src/element/Thread.js | 13 +++++-- src/index.css | 13 +++++++ src/nostr/System.js | 37 +++++++++++++++++--- src/pages/EventPage.js | 4 +-- src/pages/Layout.js | 3 +- src/pages/feed/ThreadFeed.js | 31 +++++++++++------ src/pages/feed/UsersFeed.js | 67 ++++++++++++++++++++++++++---------- src/state/Users.js | 45 ++++++++++++++---------- 10 files changed, 169 insertions(+), 65 deletions(-) diff --git a/src/element/Note.css b/src/element/Note.css index e23cd907..a3429f3d 100644 --- a/src/element/Note.css +++ b/src/element/Note.css @@ -37,3 +37,8 @@ .note > .header > img:hover, .note > .header > .name > .reply:hover, .note > .body:hover { cursor: pointer; } + +.note > .footer { + padding: 10px 0; + text-align: right; +} \ No newline at end of file diff --git a/src/element/Note.js b/src/element/Note.js index 86426fc4..ee99e547 100644 --- a/src/element/Note.js +++ b/src/element/Note.js @@ -13,6 +13,7 @@ const MentionRegex = /(#\[\d+\])/g; export default function Note(props) { const navigate = useNavigate(); const data = props.data; + const reactions = props.reactions; const [sig, setSig] = useState(false); const users = useSelector(s => s.users?.users); const user = users[data?.pubkey]; @@ -74,23 +75,24 @@ export default function Note(props) { case "png": case "bmp": case "webp": { - return ; + return ; } case "mp4": case "mkv": case "avi": case "m4v": { - return