add user page

src/shared/notes/contents/kind1.tsx

@@ -2,11 +2,22 @@ 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 { ReactNode } from "react";
 
 export function Kind1({
 	content,
 	truncate = false,
-}: { content: any; truncate?: boolean }) {
+}: {
+	content: {
+		original: string;
+		parsed: ReactNode[];
+		notes: string[];
+		images: string[];
+		videos: string[];
+		links: string[];
+	};
+	truncate?: boolean;
+}) {
 	return (
 		<>
 			<div
@@ -16,28 +27,15 @@ export function Kind1({
 			>
 				{content.parsed}
 			</div>
-			{Array.isArray(content.images) && content.images.length ? (
+			{content.images.length > 0 && (
 				<ImagePreview urls={content.images} truncate={truncate} />
-			) : (
-				<></>
 			)}
-			{Array.isArray(content.videos) && content.videos.length ? (
-				<VideoPreview urls={content.videos} />
-			) : (
-				<></>
-			)}
-			{Array.isArray(content.links) && content.links.length ? (
-				<LinkPreview urls={content.links} />
-			) : (
-				<></>
-			)}
-			{Array.isArray(content.notes) && content.notes.length ? (
+			{content.videos.length > 0 && <VideoPreview urls={content.videos} />}
+			{content.links.length > 0 && <LinkPreview urls={content.links} />}
+			{content.notes.length > 0 &&
 				content.notes.map((note: string) => (
 					<MentionNote key={note} id={note} />
-				))
-			) : (
-				<></>
-			)}
+				))}
 		</>
 	);
 }