From 786fa833a17d1810023d388dab58b25d5d239723 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Sun, 16 Apr 2023 23:16:37 +0100
Subject: [PATCH] Added UserSearch component
---
daily-thought-frontend/src/components/form/UserSearch.tsx | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/daily-thought-frontend/src/components/form/UserSearch.tsx b/daily-thought-frontend/src/components/form/UserSearch.tsx
index 33d70ea0..bc6edbdb 100644
--- a/daily-thought-frontend/src/components/form/UserSearch.tsx
+++ b/daily-thought-frontend/src/components/form/UserSearch.tsx
@@ -1,4 +1,5 @@
import useDebounce from "@/hooks/useDebounce";
+import { useFriends } from "@/hooks/useFriends";
import { UserCircleIcon } from "@heroicons/react/24/outline";
import { FC, PropsWithChildren, useEffect, useState } from "react";
import BasicField from "./BasicField";
@@ -13,7 +14,10 @@ const UserSearch:FC<PropsWithChildren<UserSearchProps>> = ({
const [searchQuery, setSearchQuery] = useState<string>("");
const debouncedSearchQuery = useDebounce<string>(searchQuery, 500)
const [searchResults, setSearchResults] = useState<any[]>([]);
- const [loading, setLoading] = useState<boolean>(false)
+ const [loading, setLoading] = useState<boolean>(false);
+ const friends = useFriends();
+
+ console.log(friends)
useEffect(() => {
setLoading(true)
@@ -48,7 +52,7 @@ const UserSearch:FC<PropsWithChildren<UserSearchProps>> = ({
{searchQuery && !loading && searchResults.map((result, index) => {
if(index < limit){
return (
- <div className='flex items-center hover:bg-gray-100 rounded-md p-1'>
+ <div className='flex items-center hover:bg-gray-100 rounded-md p-1' key={index}>
<div className="">
<UserCircleIcon className='h-12 w-12 rounded-full text-gray-300 flex items-center justify-center' />
</div>
--
GitLab