Prettier

Author: itsisak

lego-webapp/components/WebsocketGroupProvider/WebsocketStatus.module.css

@@ -1,13 +1,13 @@
 .wsStatusIcon {
-    padding: var(--spacing-sm);
+  padding: var(--spacing-sm);
 }
 
 .spin {
-    animation: spin 1s linear infinite;
+  animation: spin 1s linear infinite;
 }
 
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
-}
+}

lego-webapp/components/WebsocketGroupProvider/index.tsx

@@ -12,7 +12,7 @@ type ChildrenProps = {
   connected: boolean;
   pending: boolean;
   error: boolean;
-}
+};
 
 type Props = {
   group: string;
@@ -21,9 +21,14 @@ type Props = {
 
 const WebsocketGroupProvider = ({ group, children }: Props) => {
   const dispatch = useAppDispatch();
-  const websocketsStatus: WebsocketsStatusType = useAppSelector((state) => state.websockets.status);
-  const groupStatus = useAppSelector((state) => state.websockets.groups.find(g => g.group === group)?.status) || GROUP_STATUS_PENDING
-  
+  const websocketsStatus: WebsocketsStatusType = useAppSelector(
+    (state) => state.websockets.status,
+  );
+  const groupStatus =
+    useAppSelector(
+      (state) => state.websockets.groups.find((g) => g.group === group)?.status,
+    ) || GROUP_STATUS_PENDING;
+
   useEffect(() => {
     if (websocketsStatus.connected && !websocketsStatus.error) {
       dispatch({
@@ -58,7 +63,7 @@ const WebsocketGroupProvider = ({ group, children }: Props) => {
 
   return children({
     WebsocketStatus: () => <WebsocketsStatusComponent />,
-    ...groupStatus
+    ...groupStatus,
   });
 };
 

lego-webapp/redux/actionTypes.ts

@@ -352,9 +352,9 @@ export const FeatureFlag = {
 };
 
 export const Websockets = {
-  CONNECTED: "Websockets.CONNECTED",
-  CLOSED: "Websockets.CLOSED",
-  ERROR: "Websockets.ERROR",
+  CONNECTED: 'Websockets.CONNECTED',
+  CLOSED: 'Websockets.CLOSED',
+  ERROR: 'Websockets.ERROR',
   GROUP_JOIN: generateStatuses('Websockets.GROUP_JOIN'),
   GROUP_LEAVE: generateStatuses('Websockets.GROUP_LEAVE'),
-}
+};

lego-webapp/redux/middlewares/websocketMiddleware.ts

@@ -88,15 +88,17 @@ const createWebSocketMiddleware = (): Middleware => {
         socket = null;
         return next(action);
       }
-      
+
       if (socket && socket.readyState === 1) {
         switch (action.type) {
           case WebsocketsAT.GROUP_JOIN.BEGIN:
           case WebsocketsAT.GROUP_LEAVE.BEGIN:
-            socket.send(JSON.stringify({
-              type: action.type,
-              payload: action.payload
-            }));
+            socket.send(
+              JSON.stringify({
+                type: action.type,
+                payload: action.payload,
+              }),
+            );
         }
         return next(action);
       }

lego-webapp/redux/models/Websockets.d.ts

@@ -1,4 +1,3 @@
-
 export type Websockets = {
   status: WebsocketsStatus;
   groups: WebsocketsGroup[];
@@ -12,13 +11,13 @@ export type WebsocketsStatus = {
 export type WebsocketsGroup = {
   group: string;
   status: WebsocketsGroupStatus;
-}
+};
 
 export type WebsocketsGroupStatus = {
   connected: boolean;
   pending: boolean;
   error: boolean;
-}
+};
 
 export type UnknownWebsocket = {
   connected?: boolean;

lego-webapp/redux/slices/websockets.ts

@@ -1,33 +1,33 @@
-import { createSlice } from "@reduxjs/toolkit";
-import { Websockets as WebsocketsAT } from "../actionTypes"
-import { Websockets, WebsocketsGroup } from "../models/Websockets";
-import { EntityType } from "../models/entities";
+import { createSlice } from '@reduxjs/toolkit';
+import { Websockets as WebsocketsAT } from '../actionTypes';
+import { Websockets, WebsocketsGroup } from '../models/Websockets';
+import { EntityType } from '../models/entities';
 
 const GROUP_STATUS_INITIAL = {
   connected: false,
   pending: false,
-  error: false
-}
+  error: false,
+};
 
 export const GROUP_STATUS_PENDING = {
   ...GROUP_STATUS_INITIAL,
   pending: true,
-}
+};
 
 const GROUP_STATUS_CONNECTED = {
   ...GROUP_STATUS_INITIAL,
   connected: true,
-}
+};
 
 export const GROUP_STATUS_ERROR = {
   ...GROUP_STATUS_INITIAL,
-  error: true
-}
+  error: true,
+};
 
 const initialState: Websockets = {
   status: {
     connected: false,
-    error: false
+    error: false,
   },
   groups: [] as WebsocketsGroup[],
 };
@@ -50,31 +50,33 @@ const websocketsSlice = createSlice({
       if (!setGroupStatus(state, action, GROUP_STATUS_PENDING))
         state.groups.push({
           group: action.payload.group,
-          status: GROUP_STATUS_PENDING
-        })
-    })
+          status: GROUP_STATUS_PENDING,
+        });
+    });
     addCase(WebsocketsAT.GROUP_JOIN.SUCCESS, (state, action) => {
-      setGroupStatus(state, action, GROUP_STATUS_CONNECTED)
-    })
+      setGroupStatus(state, action, GROUP_STATUS_CONNECTED);
+    });
     addCase(WebsocketsAT.GROUP_JOIN.FAILURE, (state, action) => {
-      setGroupStatus(state, action, GROUP_STATUS_ERROR)
-    })
+      setGroupStatus(state, action, GROUP_STATUS_ERROR);
+    });
     addCase(WebsocketsAT.GROUP_LEAVE.BEGIN, (state, action) => {
-      setGroupStatus(state, action, GROUP_STATUS_PENDING)
-    })
+      setGroupStatus(state, action, GROUP_STATUS_PENDING);
+    });
     addCase(WebsocketsAT.GROUP_LEAVE.SUCCESS, (state, action) => {
-      setGroupStatus(state, action, GROUP_STATUS_INITIAL)
-    })
-    },
+      setGroupStatus(state, action, GROUP_STATUS_INITIAL);
+    });
+  },
 });
 
 const setGroupStatus = (state, action, status): boolean => {
-  const group = state.groups.find(item => item.group === action.payload.group)
+  const group = state.groups.find(
+    (item) => item.group === action.payload.group,
+  );
   if (group) {
-    group.status = status
-    return true
+    group.status = status;
+    return true;
   }
-  return false
-}
+  return false;
+};
 
-export default websocketsSlice.reducer;
+export default websocketsSlice.reducer;