Release version 2.0.0

Author: msobkyy

.vscode/settings.json

@@ -1,3 +1,23 @@
 {
-  "git.enabled": true
+  "git.enabled": true,
+  "workbench.colorCustomizations": {
+    "activityBar.activeBackground": "#93e6fc",
+    "activityBar.background": "#93e6fc",
+    "activityBar.foreground": "#15202b",
+    "activityBar.inactiveForeground": "#15202b99",
+    "activityBarBadge.background": "#fa45d4",
+    "activityBarBadge.foreground": "#15202b",
+    "commandCenter.border": "#15202b99",
+    "sash.hoverBorder": "#93e6fc",
+    "statusBar.background": "#61dafb",
+    "statusBar.foreground": "#15202b",
+    "statusBarItem.hoverBackground": "#2fcefa",
+    "statusBarItem.remoteBackground": "#61dafb",
+    "statusBarItem.remoteForeground": "#15202b",
+    "titleBar.activeBackground": "#61dafb",
+    "titleBar.activeForeground": "#15202b",
+    "titleBar.inactiveBackground": "#61dafb99",
+    "titleBar.inactiveForeground": "#15202b99"
+  },
+  "peacock.color": "#61dafb"
 }

package-lock.json

@@ -35,6 +35,7 @@
     "react-simple-image-viewer": "^1.2.2",
     "react-spinners": "^0.13.7",
     "redux": "^4.2.0",
+    "socket.io-client": "^4.5.4",
     "styled-components": "^5.3.6",
     "web-vitals": "^2.1.0",
     "yup": "^0.32.11"

package.json

@@ -39,7 +39,7 @@ function App() {
     <QueryClientProvider client={queryClient}>
       {createPost.isOpen && <CreatePostPopup user={user} />}
       <Portal>
-        <Toaster position="bottom-left" reverseOrder={true} />
+        <Toaster position="bottom-left" reverseOrder={false} />
       </Portal>
       <Router />
     </QueryClientProvider>

public/icons/icons39.png

@@ -0,0 +1,34 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+// type = ['normal','image','background']
+
+const initialValue = {
+  onlineUsers: [],
+  selectedChat: null,
+};
+export const createSoketSlice = createSlice({
+  name: "soketSlice",
+  initialState: initialValue,
+
+  reducers: {
+    setOnlineUsers: (state, action) => {
+      const { type, info } = action.payload;
+      if (
+        type === "add" &&
+        !state.onlineUsers.find((u) => u?.id === info?.id)
+      ) {
+        state.onlineUsers = [...state.onlineUsers, info];
+      } else if (type === "remove") {
+        state.onlineUsers = state.onlineUsers.filter((u) => u?.id !== info?.id);
+      } else if (type === "connect") {
+        state.onlineUsers = info;
+      }
+    },
+    setSelectedChat: (state, action) => {
+      state.selectedChat = action.payload;
+    },
+  },
+});
+export const { setOnlineUsers, setSelectedChat } = createSoketSlice.actions;
+
+export default createSoketSlice.reducer;