changement de l'interface du joueur actuel 🎨

cryptide_project/server/api/server.js

@@ -14,7 +14,7 @@ const port = 3003;
 // Middleware
 app.use(cors(
   {
-    origin: ["http://172.20.10.4:3000", "http://172.20.10.4:3000"],
+    origin: ["http://localhost:3000", "http://172.20.10.4:3000"],
     credentials: true
   }
 ));                            // Autoriser les requêtes cross-origin

cryptide_project/src/AdressSetup.ts

@@ -1,6 +1,6 @@
-const ADRESSE_WEBSERVER = "http://172.20.10.4:3002"
+const ADRESSE_WEBSERVER = "http://localhost:3002"
 
-const ADRESSE_DBSERVER = "http://172.20.10.4:3003"
+const ADRESSE_DBSERVER = "http://localhost:3003"
 
 const tmp = ADRESSE_DBSERVER
 const tmp2 = ADRESSE_WEBSERVER

cryptide_project/src/Components/PersonStatus.tsx

@@ -37,7 +37,7 @@ const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person,
         img = BotImg
     }
 
-    const [buffer, setBuffer] = useState("")
+    const [buffer, setBuffer] = useState('50%')
 
     const [touchedPlayer, setTouchedPlayer] = useState(-2)
     useEffect(() =>{
@@ -48,10 +48,10 @@ const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person,
 
     useEffect(() => {
         if (playerIndex===index){
-            setBuffer('solid 3px green')
+            setBuffer('5px')
         }
         else{
-            setBuffer('')
+            setBuffer('50%')
         }
     }, [playerIndex])
     
@@ -71,7 +71,7 @@ const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person,
     };
     const circleStyle: React.CSSProperties = {
         backgroundColor: touchedPlayer == index && showCircle ? 'gold' : positionToColor(index), // Changement de la couleur en fonction de la condition
-        borderRadius: '50%',
+        borderRadius: buffer,
         width: '80px',
         height: '80px',
         display: 'flex',
@@ -84,7 +84,7 @@ const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person,
     const circleStyleInt: React.CSSProperties = {
 
         backgroundColor:'white',
-        borderRadius: '50%',
+        borderRadius: buffer,
         width: '70px',
         height: '70px',
         display: 'flex',
@@ -111,7 +111,7 @@ const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person,
                     </div>
             {/* </div> */}
             </div>
-            <div className='playerNameDisplay' style={{border:buffer}}>
+            <div className='playerNameDisplay'>
                 <h5>{actualPlayerIndex !== index ? (name.substring(0, name.length - 2).length > 7 ? name.substring(0, name.length - 2).substring(0, 7) + '...' : name.substring(0, name.length - 2)) : 'vous'}</h5>
             </div>
         </div>