update notification screen

This commit is contained in:
Ren Amamiya
2023-08-27 10:38:32 +07:00
parent 53227c7050
commit 963328e064
26 changed files with 275 additions and 188 deletions

View File

@@ -51,7 +51,7 @@ export function MoreActions({ id, pubkey }: { id: string; pubkey: string }) {
to={`/notes/text/${id}`}
className="inline-flex h-10 items-center rounded-md px-2 text-sm font-medium text-white hover:bg-white/10"
>
Open as new screen
Focus mode
</Link>
</DropdownMenu.Item>
<DropdownMenu.Item asChild>

View File

@@ -38,7 +38,7 @@ export function NoteRepost({ id, pubkey }: { id: string; pubkey: string }) {
</Tooltip.Trigger>
<Tooltip.Portal>
<Tooltip.Content className="-left-10 select-none rounded-md bg-black px-3.5 py-1.5 text-sm leading-none text-white will-change-[transform,opacity] data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade">
Repostr
Repost
<Tooltip.Arrow className="fill-black" />
</Tooltip.Content>
</Tooltip.Portal>
@@ -49,11 +49,11 @@ export function NoteRepost({ id, pubkey }: { id: string; pubkey: string }) {
<div className="relative h-min w-full max-w-xl rounded-xl bg-white/10">
<div className="flex flex-col gap-2 border-b border-white/5 px-5 py-4">
<AlertDialog.Title className="text-lg font-semibold leading-none text-white">
Confirm repostr this postr?
Confirm repost this post?
</AlertDialog.Title>
<AlertDialog.Description className="text-sm leading-none text-white/50">
Repostred postr will be visible to your followers, and you cannot undo
this action.
Reposted post will be visible to your followers, and you cannot undo this
action.
</AlertDialog.Description>
</div>
<div className="flex justify-end gap-6 px-5 py-3">
@@ -67,7 +67,7 @@ export function NoteRepost({ id, pubkey }: { id: string; pubkey: string }) {
onClick={() => submit()}
className="inline-flex h-11 items-center justify-center rounded-lg bg-fuchsia-500 px-4 font-medium leading-none text-white outline-none"
>
Yes, repostr
Yes, repost
</button>
</div>
</div>

View File

@@ -33,7 +33,7 @@ export function Repost({ event }: { event: NDKEvent }) {
<div className="h-min w-full px-3 py-1.5">
<div className="flex flex-col gap-1 overflow-hidden rounded-xl bg-white/10 px-3 py-3">
<p className="select-text break-all text-white/50">
Failed to get repostr with ID
Failed to get repost with ID
</p>
<div className="break-all rounded-lg bg-white/10 px-2 py-2">
<p className="text-white">{repostID}</p>

View File

@@ -72,7 +72,7 @@ export function NoteStats({ id }: { id: string }) {
<span className="font-semibold text-white">
{compactNumber.format(data.reposts)}
</span>{' '}
repostrs
reposts
</p>
<span className="text-white/50">·</span>
<p className="text-white/50">