Fix children error

Karol-2 · Feb 27, 2024 · 6dc775d · 6dc775d
1 parent 8be6829
commit 6dc775d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/frontend/src/components/Paginator.tsx b/frontend/src/components/Paginator.tsx
@@ -4,7 +4,7 @@ import { useState } from "react";
 import User from "../models/User";
 
 
-export interface PaginatorProps {
+interface PaginatorProps {
   users: User[],
   itemsPerPage: number,
   renderItem: (user: User) => React.ReactNode

diff --git a/frontend/src/pages/SearchPage.tsx b/frontend/src/pages/SearchPage.tsx
@@ -133,20 +133,21 @@ function SearchPage() {
                 </button>
               </form>
             </div>
-            {usersFound && (<div>
-            <Paginator 
-              users={usersFound.map((match: [User, number])=> match[0])} 
-              itemsPerPage={5}
-              renderItem={(user)=> <FoundUser
-                user={user}
-                key={String(0)}
-                currentId={userId}
-                isFriend={isFriend(usersFriends, user)}
-              />}
-              >
+            {usersFound && (
+              <Paginator 
+                users={usersFound.map((match: [User, number]) => match[0])} 
+                itemsPerPage={5}
+                renderItem={(user) => (
+                  <FoundUser
+                    user={user}
+                    key={String(0)}
+                    currentId={userId}
+                    isFriend={isFriend(usersFriends, user)}
+                  />
+                )}
+              />
+            )}
 
-            </Paginator>
-            </div>)}
 
           </section>
           <Footer />