🔌 UI for socket connection status

src/client/reducers/fileops.reducer.ts

@@ -7,6 +7,7 @@ import {
 const initialState = {
   dataTransferred: false,
   comicBookMetadata: [],
+  socketConnected: false,
 };
 
 function fileOpsReducer(state = initialState, action) {
@@ -17,6 +18,12 @@ function fileOpsReducer(state = initialState, action) {
         comicBookMetadata: [...state.comicBookMetadata, action.data.data],
         dataTransferred: true,
       };
+
+    case IMS_SOCKET_CONNECTION_CONNECTED:
+      return {
+        ...state,
+        socketConnected: action.socketConnected,
+      };
     default:
       return state;
   }