From 3c5f262e5ddcb6d31ff1dabf9ec081ecec5e3853 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 10 Jun 2023 03:57:32 +0200
Subject: [PATCH] Updated the InfoArea.jsx

---
 .../pages/GameCreation/components/InfoArea/InfoArea.jsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webui/src/pages/GameCreation/components/InfoArea/InfoArea.jsx b/webui/src/pages/GameCreation/components/InfoArea/InfoArea.jsx
index 17c0712..ac48a17 100644
--- a/webui/src/pages/GameCreation/components/InfoArea/InfoArea.jsx
+++ b/webui/src/pages/GameCreation/components/InfoArea/InfoArea.jsx
@@ -3,7 +3,7 @@ import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faUser, faUserGroup} from "@fortawesome/free-solid-svg-icons";
 import Member from "@/pages/GameCreation/components/InfoArea/components/Member";
 
-export const InfoArea = () => {
+export const InfoArea = ({members}) => {
 
     return (
         <div className="info-area">
@@ -19,9 +19,9 @@ export const InfoArea = () => {
 
                 <div className="member-grid">
 
-                    <Member name="User" />
-
-                    <Member name="User Nr. 2" />
+                    {members.map((member) => (
+                        <Member name={member.name} key={member.id} />
+                    ))}
 
                 </div>
             </div>