Client: Not yet loaded seats now show an hourglass loading spinner

client/src/components/seats-widget.js

@@ -77,11 +77,13 @@ export async function createSeatWidget($roomGrid, roomId) {
             if (occupiedBy.length === 0) {
                 const confirmResponse = confirm('Occupare il posto?')
                 if (confirmResponse) {
+                    $seat.classList.remove('libero')
                     Database.occupySeat(seatId)
                 }
             } else if (occupiedBy.length === 1 && occupiedBy[0] === user.id) {
                 const answer = confirm('Lasciare veramente il posto?')
                 if (answer) {
+                    $seat.classList.remove('mio')
                     Database.leaveSeat(seatId)
                 }
             } else {

client/src/style.scss

@@ -311,9 +311,16 @@ main {
 
             line-height: 1;
 
-            &:not(.mio, .libero, .occupato)::before {
-                font-size: 12px;
-                content: '';
+            &:not(.mio, .libero, .occupato) {
+                &::before {
+                    font-size: 12px;
+                    content: '⏳';
+
+                    animation: rotating 1s linear infinite;
+                }
+                &::after {
+                    content: none;
+                }
             }
 
             &::before {