reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update useProfile hook

Browse Source
This commit is contained in:
Ren Amamiya
2023-07-19 17:37:10 +07:00
parent 29d40ed406
commit a80477b40e
4 changed files with 48 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/shared/notes/stats.tsx
View File

@@ -6,6 +6,8 @@ import { useNDK } from '@libs/ndk/provider';
import { LoaderIcon } from '@shared/icons';
import { compactNumber } from '@utils/number';
export function NoteStats({ id }: { id: string }) {
const { ndk } = useNDK();
const { status, data } = useQuery(
@@ -59,17 +61,25 @@ export function NoteStats({ id }: { id: string }) {
return (
<div className="flex h-11 items-center gap-3">
<p className="inline-flex h-6 items-center justify-center gap-1 rounded bg-zinc-800 px-2 text-sm">
{data.reactions}
<span className="text-zinc-400">reactions</span>
<p className="text-zinc-500">
<span className="font-semibold text-zinc-300">
{compactNumber.format(data.reactions)}
</span>{' '}
reactions
</p>
<p className="inline-flex h-6 items-center justify-center gap-1 rounded bg-zinc-800 px-2 text-sm">
{data.reposts}
<span className="text-zinc-400">reposts</span>
<span className="text-zinc-500">·</span>
<p className="text-zinc-500">
<span className="font-semibold text-zinc-300">
{compactNumber.format(data.reposts)}
</span>{' '}
reposts
</p>
<p className="inline-flex h-6 items-center justify-center gap-1 rounded bg-zinc-800 px-2 text-sm">
{data.zaps}
<span className="text-zinc-400">zaps</span>
<span className="text-zinc-500">·</span>
<p className="text-zinc-500">
<span className="font-semibold text-zinc-300">
{compactNumber.format(data.zaps)}
</span>{' '}
zaps
</p>
</div>
);

2
src/shared/notes/users/thread.tsx
View File

@@ -35,7 +35,7 @@ export function ThreadUser({ pubkey, time }: { pubkey: string; time: number }) {
<VerticalDotsIcon className="h-4 w-4 rotate-90 transform text-zinc-200" />
</button>
</div>
<div className="inline-flex items-center gap-2">
<div className="mt-1 inline-flex items-center gap-2">
<span className="leading-none text-zinc-500">{createdAt}</span>
<span className="leading-none text-zinc-500">·</span>
<span className="leading-none text-zinc-500">{displayNpub(pubkey, 16)}</span>