Changeset a3ae097 for frontend/src/components/userProfile/AllUsersHelper.tsx

Timestamp:

01/26/26 20:19:20 (6 months ago)

Author:

Dimitar Arsov <dimitararsov04@…>

Branches:

main

Children:

d47e225

Parents:

fd81a18

Message:

add Global exception handler

File:

• frontend/src/components/userProfile/AllUsersHelper.tsx (modified) (3 diffs)

frontend/src/components/userProfile/AllUsersHelper.tsx

@@ -1 @@
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 
@@ -10 +10 @@
 const AllUsers = () => {
   const [users, setUsers] = useState<User[]>([]);
+  const [searchedUser, setSearchedUser] = useState<string>("");
+  const [error, setError] = useState<string | null>(null);
   const navigate = useNavigate();
 
@@ -25 +27 @@
   };
 
+  const handleSearch = async (e: React.FormEvent) => {
+    e.preventDefault();
+    try {
+      const response = await fetch(
+        `http://localhost:8080/users/search?name=${searchedUser}`,
+      );
+      if (!response.ok) throw new Error("Search failed");
+
+      const data = await response.json();
+      setUsers(data);
+    } catch (err: any) {
+      setError(err.message);
+    }
+  };
+
+  if (users.length == 0) return <div className="p-6">Loading...</div>;
+
   return (
     <div className="container mx-auto p-6">
       <h1 className="text-3xl font-bold mb-6">All Users</h1>
+      <form onSubmit={handleSearch} className="flex gap-2 mb-10">
+        <input
+          type="text"
+          value={searchedUser}
+          onChange={(e) => setSearchedUser(e.target.value)}
+          className="border p-2 rounded w-full"
+          placeholder="Search for a user..."
+        />
+        <button
+          type="submit"
+          className="bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700 transition-colors"
+        >
+          Search
+        </button>
+      </form>
+
       <div className="grid gap-4">
         {users.map((u) => (