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

update empty state

Browse Source
This commit is contained in:
Ren Amamiya
2023-06-19 07:53:40 +07:00
parent d87ca7b75b
commit 6d2e976355
6 changed files with 147 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/shared/notes/kind1.tsx
View File

@@ -1,8 +1,7 @@
import { LinkPreview } from "./preview/link";
import { MentionNote } from "@shared/notes/mentions/note";
import { ImagePreview } from "@shared/notes/preview/image";
import { LinkPreview } from "@shared/notes/preview/link";
import { VideoPreview } from "@shared/notes/preview/video";
import { truncateContent } from "@utils/transform";
export function Kind1({
content,
@@ -11,7 +10,7 @@ export function Kind1({
return (
<>
<div
className={`select-text whitespace-pre-line break-words text-base text-zinc-100 ${
className={`select-text break-words text-base text-zinc-100 ${
truncate ? "line-clamp-3" : ""
}`}
>

8
src/shared/notes/replies/list.tsx
View File

@@ -1,4 +1,5 @@
import { NDKEvent, NDKFilter } from "@nostr-dev-kit/ndk";
import { EmptyIcon } from "@shared/icons";
import { Reply } from "@shared/notes/replies/item";
import { RelayContext } from "@shared/relayProvider";
import { useContext } from "react";
@@ -35,8 +36,11 @@ export function RepliesList({ id }: { id: string }) {
</div>
) : data.length === 0 ? (
<div className="px=3">
<div className="w-full h-24 flex items-center justify-center rounded-md bg-zinc-900">
<p className="text-zinc-300 font-medium">No replies...</p>
<div className="w-full flex items-center justify-center rounded-md bg-zinc-900">
<div className="py-6 flex flex-col items-center justify-center gap-2">
<EmptyIcon width={56} height={56} />
<p className="text-zinc-500 text-sm font-medium">No replies</p>
</div>
</div>
</div>
) : (