From 3d0855ace1f329e07246a024919106a20888e782 Mon Sep 17 00:00:00 2001
From: Pierre Ferreira <p.ferreira1@outlook.fr>
Date: Mon, 4 Dec 2023 13:49:55 +0100
Subject: [PATCH] ajout de la gestion quand il n'y a aucun lobby

---
 cryptide_project/src/Pages/Lobbies.tsx        |  35 +++++++++++-------
 cryptide_project/src/Pages/NewPlay.tsx        |  10 +++++
 cryptide_project/src/server/db/socialgraph.db | Bin 28672 -> 28672 bytes
 3 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/cryptide_project/src/Pages/Lobbies.tsx b/cryptide_project/src/Pages/Lobbies.tsx
index 591751e..016140c 100644
--- a/cryptide_project/src/Pages/Lobbies.tsx
+++ b/cryptide_project/src/Pages/Lobbies.tsx
@@ -90,7 +90,9 @@ function Lobbies() {
         })
     }, [])
 
-    
+    function createLobby(){
+        socket.emit("lobby created")
+    }
 
     return(
         <div style={{display:'flex', flexDirection:'column', alignItems:'center'}}>
@@ -134,18 +136,25 @@ function Lobbies() {
             </div>
 
 
-            <div className="lobbyList">
-                {filteredLobbiesToShow.map((lobby, index) => (
-                <LobbyContainer
-                    key={index}
-                    roomNum={lobby.roomNum}
-                    HeadPlayer={lobby.headPlayer}
-                    nbPlayer={lobby.nbPlayer}
-                    setFirst={setFirstData}
-                    started={lobby.started}
-                />
-                ))}
-            </div>
+                {filteredLobbiesToShow.length === 0 ? (
+                    <div style={{border:'solid 2px blue', borderRadius:'15px', boxShadow:'5px 5px 5px rgb(246, 246, 246)', padding:'20px', margin:'20px'}}>
+                        <h3><b>Il n'y a aucun lobby disponible</b></h3>
+                        <button onClick={createLobby}  className='ButtonNav' style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}>Créé en un !</button>
+                    </div>
+                ) : (
+                    <div className="lobbyList">
+                        {filteredLobbiesToShow.map((lobby, index) => (
+                            <LobbyContainer
+                                key={index}
+                                roomNum={lobby.roomNum}
+                                HeadPlayer={lobby.headPlayer}
+                                nbPlayer={lobby.nbPlayer}
+                                setFirst={setFirstData}
+                                started={lobby.started}
+                            />
+                        ))}
+                    </div>
+                )}
         </div>
     );
 }
diff --git a/cryptide_project/src/Pages/NewPlay.tsx b/cryptide_project/src/Pages/NewPlay.tsx
index 3c60916..5abac11 100644
--- a/cryptide_project/src/Pages/NewPlay.tsx
+++ b/cryptide_project/src/Pages/NewPlay.tsx
@@ -287,6 +287,16 @@ function NewPlay() {
             
             </div>
             <div className='NewrightContainer'>
+                <div style={{ border:'solid 2px lightgray', borderRadius:'15px', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column', padding:'20px', margin:'20px 0px'}}>
+                    <h2>
+                        {user && user.pseudo}
+                    </h2>
+                    <img src={user?.profilePicture}
+                            height='150'
+                            width='150'
+                            alt="Person"
+                            />
+                </div>
                 {user && (<ScoreBoard Player={user}/>)}
             </div>
         </div>
diff --git a/cryptide_project/src/server/db/socialgraph.db b/cryptide_project/src/server/db/socialgraph.db
index 481c484971a3af38df41d95316268e98ee892556..fa5484ca889818db549362726ee0e8699a3a1e5f 100644
GIT binary patch
delta 447
zcmZp8z}WDBae_2s{zMsP#{7*5OZXM|xMnf%FW`6NyTzBo$IZKj*MsLVPYaJ6_kQj~
zu76y!HX90*ait`QaWe4AHnJKsGWsT_xRmDRR;m~!sTdllWEBLL<pfw-W@b6MXGA3h
zmSz_@JC{0{>lx~m8)c<fL=;%27DN^1R{{A2nfhgpe$HlQMg~U4x`sx&1||xI23Cf~
zR;C6*LYx0dv9WUS@y9UmpWu(#%%u>(&&$Is3%5{ga;E-l89tsA27W8vb^QBymhl<!
z*YIlbyx{x6SHicACuOsofeVkjBTFMIBPFgA1Dh~eK-y;WbDOt9j6##I`pX*#aWXQC
zGnN*o78Q%}GB7ak@s~63f9HS4|CIj@|7HGD{0I4W@UQ1z#y^+8oWGNQ%4R`_VE)PF
p@v@xkLTn5i92|^dljp{#D1)_D;?i2l-woCp%0Ia>Um8VgG63+hf7Jj0

delta 262
zcmZp8z}WDBae_2s_Cy(H#_Wv=OZeq@x&ATmFW`6NyTzBo$IZKj*MsLVPYaJ6_kQj~
zu78^i74C3t{wKx8%Err|$-sYNGmk<5|HJ_P$(j1IrFeOkG4NaQuH)awvy9J(zlK+f
z=LO#nz7oD|n-vUPcqUG8VRd9_WM!NzAZ@exxy@T4M#0Hf{pIxpIT@M78B2>(i;6{g
z`KK`O@|QF4f9HS4|CIj@|7HGD{0I4W@UQ1z#y^+8oWFCkphGDC<nnk~P6h@BP9R_u
hnLIZ>MG>sA5|_qG{%)YgaQ?}a`O*-L92{Vc$pFfOP7(kB