polish splash screen

2023-08-14 09:34:38 +07:00
parent c42c78fc98
commit 6c6f50444e
12 changed files with 75 additions and 72 deletions
@@ -0,0 +1,59 @@
+// import { useLiveThread } from '@app/space/hooks/useLiveThread';
+import {
+  NoteActions,
+  NoteContent,
+  NoteReplyForm,
+  NoteStats,
+  ThreadUser,
+} from '@shared/notes';
+import { RepliesList } from '@shared/notes/replies/list';
+import { NoteSkeleton } from '@shared/notes/skeleton';
+import { TitleBar } from '@shared/titleBar';
+
+import { useAccount } from '@utils/hooks/useAccount';
+import { useEvent } from '@utils/hooks/useEvent';
+import { Widget } from '@utils/types';
+
+export function ThreadBlock({ params }: { params: Widget }) {
+  const { status, data } = useEvent(params.content);
+  const { account } = useAccount();
+
+  // subscribe to live reply
+  // useLiveThread(params.content);
+
+  return (
+    <div className="scrollbar-hide h-full w-[400px] shrink-0 overflow-y-auto bg-white/10 pb-20">
+      <TitleBar id={params.id} title={params.title} />
+      <div className="h-full">
+        {status === 'loading' ? (
+          <div className="px-3 py-1.5">
+            <div className="rounded-xl bg-white/10 px-3 py-3">
+              <NoteSkeleton />
+            </div>
+          </div>
+        ) : (
+          <div className="h-min w-full px-3 pt-1.5">
+            <div className="rounded-xl bg-white/10 px-3 pt-3">
+              <ThreadUser pubkey={data.pubkey} time={data.created_at} />
+              <div className="mt-2">
+                <NoteContent content={data.content} />
+              </div>
+              <div>
+                <NoteActions
+                  id={params.content}
+                  pubkey={data.pubkey}
+                  noOpenThread={true}
+                />
+                <NoteStats id={params.content} />
+              </div>
+            </div>
+          </div>
+        )}
+        <div className="px-3">
+          {account && <NoteReplyForm id={params.content} pubkey={account.pubkey} />}
+          <RepliesList id={params.content} />
+        </div>
+      </div>
+    </div>
+  );
+}