From 1c63ca12b60a7ff0e81ef3000e05614a6b9e7349 Mon Sep 17 00:00:00 2001
From: Serdar D <serdar-dorak@hotmail.de>
Date: Tue, 30 May 2023 18:29:31 +0200
Subject: [PATCH] user-item component und following user muss angepasst werden.
---
components/following-users.tsx | 34 ++++++++++++++++++++++++++++++++++
components/user-item.tsx | 0
2 files changed, 34 insertions(+)
create mode 100644 components/following-users.tsx
create mode 100644 components/user-item.tsx
diff --git a/components/following-users.tsx b/components/following-users.tsx
new file mode 100644
index 0000000..8f140b7
--- /dev/null
+++ b/components/following-users.tsx
@@ -0,0 +1,34 @@
+"use client"
+
+import { useEffect, useState } from "react";
+import { getUsers } from "@/lib/api";
+import { IUser } from "@/types/types";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import User from "./user-item";
+
+export default function Following() {
+ const [followedUsers, setFollowedUsers] = useState<IUser[]>([]);
+
+
+ useEffect(() => {
+ fetchFollowedUsers();
+ }, []);
+
+ const fetchFollowedUsers = async () => {
+ try {
+ const users = await getUsers();
+ setFollowedUsers(users);
+ } catch (error) {
+ console.error("Error fetching followed users:", error);
+ }
+ };
+
+ return (
+ <div>
+ <h1>Followed Users</h1>
+ {followedUsers.map((user) => (
+ <User key={user.id} id={user.id} name={user.name} avatar={user.avatar} />
+ ))}
+ </div>
+ );
+};
diff --git a/components/user-item.tsx b/components/user-item.tsx
new file mode 100644
index 0000000..e69de29
--
GitLab