66 filename rotti per colpa di cloudinary che li cambia

Scoprimi/public/css/main.css

@@ -68,11 +68,12 @@ input::placeholder {
 .my-input {
   padding: 10px;
   border-radius: 15px;
-  background-color: var(--text-color);
+  color: var(--text-color);
 }
 
 .input-question {
   color: black !important;
+  background-color: var(--text-color) !important;
 }
 
 .form-floating {

Scoprimi/src/components/game/Game.tsx

@@ -12,10 +12,17 @@ import { GameStates, useGameState } from '../../contexts/GameStateContext';
 import ImageList from './ImageList';
 import { Question, QuestionMode } from '../../../../Server/src/data/Question';
 
-const todoShitFunction = (votestring: string) => {
-  const wordlList = votestring.substring(votestring.lastIndexOf('/') + 1).split('_').slice(0, -1);
-  return wordlList?.join(" ");
-}
+// Funzione per il parsing di filename di immagini
+export const todoShitFunction = (votestring: string) => {
+  const wordlList = votestring.substring(votestring.lastIndexOf('/') + 1).split('_');
+
+  // Gestisce nel caso il filename non sia sburato come li rende cloudinary aggiungendo roba a caso dopo il nome. Ex. vedi il file 'fursuit.jpg'
+  if (wordlList.length === 1) {
+    return wordlList[0].replace(/\.(.*)$/, '');
+  }
+  wordlList.pop();
+  return wordlList.join(' ');
+};
 
 const Game: React.FC = () => {
   const [question, setQuestion] = useState<string>('');
@@ -204,7 +211,7 @@ const Game: React.FC = () => {
                 alt={todoShitFunction(mostVotedPerson)}
                 className="winnerImage"
               />}
-            <p>{todoShitFunction(mostVotedPerson)}</p>
+            <p>{isPhoto ? todoShitFunction(mostVotedPerson) : mostVotedPerson}</p>
           </div>
           <div className='elegant-background image-container fill scrollable'>
             <Results mostVotedPerson={mostVotedPerson} playerImages={playerImages} voteRecap={voteRecap} isPhoto={isPhoto} />

Scoprimi/src/components/game/ImageList.tsx

@@ -36,8 +36,8 @@ const ImageList: React.FC<ImageListProps> = ({ images, onVote, disabled, resetSe
           onClick={() => handlePlayerClick(imageUrl)}
           style={{
             cursor: clicked || disabled ? 'not-allowed' : 'pointer',
-            opacity: clicked && selectedImage != imageUrl ? 0.5 : 1,
-            filter: clicked && selectedImage != imageUrl ? 'grayscale(100%)' : 'none' // Applica il bianco e nero se l'immagine è stata cliccata
+            opacity: clicked && selectedImage !== imageUrl ? 0.5 : 1,
+            filter: clicked && selectedImage !== imageUrl ? 'grayscale(100%)' : 'none', // Applica il bianco e nero se l'immagine è stata cliccata
           }}
         />
       ))}

Scoprimi/src/components/game/Results.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { todoShitFunction } from './Game';
 
 interface ResultsProps {
   voteRecap: { [key: string]: string };
@@ -7,12 +8,6 @@ interface ResultsProps {
   isPhoto: boolean;
 }
 
-const todoShitFunction = (votestring: string) => {
-  const wordlList = votestring.substring(votestring.lastIndexOf('/') + 1).split('_').slice(0, -1);
-  return wordlList?.join(" ");
-}
-
-
 
 const Results: React.FC<ResultsProps> = ({ voteRecap, playerImages, mostVotedPerson, isPhoto }) => (
   <div id="resultsContainer" className="text-center">

Scoprimi/src/components/lobby/LobbyPlayer.tsx

@@ -78,7 +78,9 @@ const LobbyPlayer: React.FC<PlayerProps> = ({ name, image, isReadyToGame, admin,
             {isReadyToGame ? 'Pronto' : 'Non pronto'}
           </span>
         )}
-        <div className="tab-icon"></div>
+        {/*  
+        <div className="tab-icon"></div>  A cosa dovrebbe servire sto div???
+        */}
       </div>
       {showDeleteBtn && (
         <div className="action-button delete" onClick={handleDelete}>