current dev w everyones changes

Author: Skilzsz

app/src/components/left/RoomsContainer.tsx

@@ -141,10 +141,13 @@ const RoomsContainer = () => {
         store.dispatch(deleteChild(deleteData));
       });
 
-      socket.on('delete element data from server', (deleteElementData: object) => {
-        // console.log('delete element data received from server', deleteElementData);
-        store.dispatch(deleteElement(deleteElementData));
-      });
+      socket.on(
+        'delete element data from server',
+        (deleteElementData: object) => {
+          // console.log('delete element data received from server', deleteElementData);
+          store.dispatch(deleteElement(deleteElementData));
+        }
+      );
 
       socket.on('update data from server', (updateData: BottomPanelObj) => {
         // console.log('update data received from server', updateData);

server/server.ts

@@ -198,17 +198,22 @@ io.on('connection', (client) => {
     client.to(roomCode).emit('delete data from server', deleteData);
   });
 
-  client.on('deleteElementAction', (roomCode: string, deleteElementData: object) => {
-    client.to(roomCode).emit('delete element data from server', deleteElementData);
-  });
+  client.on(
+    'deleteElementAction',
+    (roomCode: string, deleteElementData: object) => {
+      client
+        .to(roomCode)
+        .emit('delete element data from server', deleteElementData);
+    }
+  );
 
   client.on('updateChildAction', (roomCode: string, updateData: object) => {
     client.to(roomCode).emit('update data from server', updateData);
   });
 
   client.on('updateCSSAction', (roomCode: string, cssData: object) => {
     client.to(roomCode).emit('update css data from server', cssData);
-    console.log('client received css update from server!')
+    console.log('client received css update from server!');
   });
 
   client.on(