105 fixiamo merda a caso

Scoprimi/public/css/login.css

@@ -36,11 +36,11 @@
   /* Occupano metà della larghezza, meno il margine */
   height: 50%;
   /* Imposta l'altezza al 50% del contenitore */
-  margin-bottom: 1rem;
+  padding: 0.5rem 0rem 0.5rem 0rem;
   /* Margine inferiore per lo spazio tra le righe */
   object-fit: cover;
   /* Ritaglia l'immagine per riempire il contenitore */
-  border-radius: 10px;
+  border-radius: 25px;
   /* Arrotonda i bordi delle immagini */
 }
 

Scoprimi/public/css/new-game.css

@@ -180,6 +180,7 @@ input:checked+.slider:before {
 .switch-container {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   /* Allinea lo switch e il testo verticalmente al centro */
   margin-bottom: 15px;
   /* Spazio inferiore tra gli switch */

Scoprimi/src/components/finalresults/FinalResults.tsx

@@ -191,20 +191,22 @@ const FinalResults: React.FC = () => {
           </table>
         </div>
 
-
-        <button
-          className="my-btn mt-3 my-bg-puss"
-          onClick={() => navigate('/')}
-        >
-          Torna alla homepage
-        </button>
-        <button
-          className='my-btn mt-3 my-bg-puss'
-          onClick={TODOREMATCH}
-        >
-          Gioca ancora
-        </button>
+        <div className='lobby-button-group mt-3'>
+          <button
+            className="my-btn mt-3 my-bg-elegant-backgorund"
+            onClick={() => navigate('/')}
+          >
+            <i className="fa-solid fa-house"></i>
+          </button>
+          <button
+            className='my-btn mt-3 my-bg-puss'
+            onClick={TODOREMATCH}
+          >
+            Gioca ancora
+          </button>
+        </div>
       </div>
+
     </>
   );
 

Scoprimi/src/components/game/Game.tsx

@@ -34,6 +34,7 @@
   const [mostVotedPerson, setMostVotedPerson] = useState<string>('');
   const [playerImages, setPlayerImages] = useState<{ [key: string]: string }>({});
   const [voteRecap, setVoteRecap] = useState<{ [key: string]: string }>({});
+  const [allSameSelection, setAllSameSelection] = useState<boolean>(false);
 
   const [clicked, setClicked] = useState<boolean>(false);
   const [isTimerActive, setIsTimerActive] = useState<boolean>(false);
@@ -48,7 +49,7 @@
   const [isPhoto, setIsPhoto] = useState<boolean>(false);
   const [selectedPlayer, setSelectedPlayer] = useState<string>('');
 
   const [pages, setPages] = useState<any>();
 
   const [isWho, setIsWho] = useState<boolean>(false);
 
@@ -123,6 +124,8 @@
       playerImages: { [key: string]: string },
       mostVotedPerson: string,
     }) => {
+      const allEqual = (arr) => new Set(arr).size === 1;
+      setAllSameSelection(allEqual(Object.values(data.voteRecap)));
       setVoteRecap(data.voteRecap);
       setPlayerImages(data.playerImages);
       setMostVotedPerson(data.mostVotedPerson);
@@ -240,7 +243,7 @@
             <div className='label-container'>
               <p>Inserisci una risposta</p>
             </div>
-            <Timer duration={25} onTimeUp={handleTimeUpCostomWho} isActive={isTimerActive} />
+            <Timer duration={45} onTimeUp={handleTimeUpCostomWho} isActive={isTimerActive} />
           </div>
           <CustomAnswer handleSubmit={handleSubmit} />
         </div>
@@ -285,8 +288,13 @@
           <div className="result-message text-center">
             <h4 style={{ textAlign: 'left' }}>{selectedPlayer ? question.replace('$', selectedPlayer) : question}</h4>
             <p className="result-subtitle" style={{ textAlign: 'left' }}>
-              {mostVotedPerson === '' ? 'Pareggio!' : 'Scelta più votata:'}
+              {allSameSelection
+                ? 'Tutti hanno votato:'
+                : mostVotedPerson === ''
+                  ? 'Pareggio!'
+                  : `Scelta più votata: ${mostVotedPerson}`}
             </p>
+
             {isWho ? <h4>{mostVotedPerson}</h4> : ( // Da fixare, fa un pò cagare
               isPhoto ?
                 <img

Scoprimi/src/components/newGame/NewGameModal.tsx

@@ -138,10 +138,12 @@ const NewGameModal: React.FC<NewGameModalProps> = ({ isOpen, onClose, playerName
               />
               <button className="btn-change-value my-bg-quartary" onClick={increment}>+</button>
             </div>
-            <p>Categoria domande:</p>
+            {/* <p>Categoria domande:</p> */}
             {/* Render dinamico delle categorie con mappatura */}
+            <div className='mt-5'></div>
             {categories.map((category, index) => (
               <div className="switch-container" key={index}>
+                <span className="switch-label">{categoryLabels[category] || category}</span>
                 <label className="switch">
                   <input
                     type="checkbox"
@@ -150,15 +152,14 @@ const NewGameModal: React.FC<NewGameModalProps> = ({ isOpen, onClose, playerName
                   />
                   <span className="slider round"></span>
                 </label>
-                <span className="switch-label">{categoryLabels[category] || category}</span>
               </div>
             ))}
             <div className='counter pt-3'>
-              <button onClick={handleCreateGame} className="my-btn my-bg-quartary">Crea</button>
+              <button onClick={handleCreateGame} style={{ paddingRight: '15vw', paddingLeft: '15vw' }} className="my-btn my-bg-quartary">Crea</button>
             </div>
           </div>
         </div>
-      </div>
+      </div >
     </>
   );
 };

todo.md

@@ -1,9 +1,9 @@
 ## v0.7.0
 
-- [ ] Tutti hanno votato alice
+- [x] Tutti hanno votato alice
 - [ ] Switch a destra (impostazioni partita)
 - [ ] Lunghezza pagina login (no scroll)
-- [ ] Modalita con foto (va oltre le altre - meno padding)
+- [x] Modalita con foto (va oltre le altre - meno padding)
 - [ ] non riusare le domande (check)