From b5c5e4b9de65e382277689e42f15b696b0808948 Mon Sep 17 00:00:00 2001
From: Serdar D <serdar-dorak@hotmail.de>
Date: Wed, 31 May 2023 16:21:52 +0200
Subject: [PATCH] user-item
---
components/user-item.tsx | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/components/user-item.tsx b/components/user-item.tsx
index e69de29..b24bb87 100644
--- a/components/user-item.tsx
+++ b/components/user-item.tsx
@@ -0,0 +1,23 @@
+import { User } from "@/components/ui/user";
+import Image from "next/image";
+import Link from "next/link";
+
+// this is a single user helper-component, only for design purposes
+export default function User({ id, userName, image }: { id: number, userName: string, image: { url: string } }) {
+ return (
+ <User>
+ <Link href={`/user/${id}`}>
+ <div className="">
+ <Image
+ src={image.url}
+ alt={userName}
+ width={264}
+ height={374}
+ priority={true}
+ style={{ width: '100%', height: '100%' }} />
+ </div>
+ </Link>
+ <p className="truncate">{userName}</p>
+ </User>
+ )
+}
\ No newline at end of file
--
GitLab