refactor: rename contact with user

2022-07-04 16:12:23 +08:00
parent 6083040e2b
commit 101dbdb5ee
76 changed files with 319 additions and 286 deletions
@@ -0,0 +1,104 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { isNull, omitBy } from "lodash";
+import BASE_URL from "../config";
+import { User } from "../../types/auth";
+import { UserLog, UserState } from "../../types/sse";
+
+export interface StoredUser extends User {
+  online?: boolean;
+  avatar: string;
+}
+
+export interface State {
+  ids: number[];
+  byId: { [id: number]: StoredUser | undefined };
+}
+
+const initialState: State = {
+  ids: [],
+  byId: {}
+};
+
+const usersSlice = createSlice({
+  name: "users",
+  initialState,
+  reducers: {
+    resetContacts() {
+      return initialState;
+    },
+    fullfillContacts(state, action: PayloadAction<StoredUser[]>) {
+      const users = action.payload || [];
+      state.ids = users.map(({ uid }) => uid);
+      state.byId = Object.fromEntries(
+        users.map((c) => {
+          const { uid } = c;
+          return [uid, c];
+        })
+      );
+    },
+    removeContact(state, action: PayloadAction<number>) {
+      const uid = action.payload;
+      state.ids = state.ids.filter((i) => i != uid);
+      delete state.byId[uid];
+    },
+    updateUsersByLogs(state, action: PayloadAction<UserLog[]>) {
+      const changeLogs = action.payload;
+      changeLogs.forEach(({ action, uid, ...rest }) => {
+        switch (action) {
+          case "update": {
+            const vals = omitBy(rest, isNull);
+            if (state.byId[uid]) {
+              Object.keys(vals).forEach((k) => {
+                // @ts-ignore
+                state.byId[uid]![k] = vals[k];
+                if (k == "avatar_updated_at") {
+                  state.byId[uid]!.avatar = `${BASE_URL}/resource/avatar?uid=${uid}&t=${vals[k]}`;
+                }
+              });
+            }
+            break;
+          }
+          case "create": {
+            state.byId[uid] = {
+              uid,
+              avatar:
+                rest.avatar_updated_at === 0
+                  ? ""
+                  : `${BASE_URL}/resource/avatar?uid=${uid}&t=${rest.avatar_updated_at}`,
+              create_by: "", // todo: missing properties create_by
+              ...rest
+            };
+            const idx = state.ids.findIndex((i) => i == uid);
+            if (idx == -1) {
+              state.ids.push(uid);
+            }
+            break;
+          }
+          case "delete": {
+            const idx = state.ids.findIndex((i) => i == uid);
+            if (idx > -1) {
+              state.ids.splice(idx, 1);
+              delete state.byId[uid];
+            }
+            break;
+          }
+          default:
+            break;
+        }
+      });
+    },
+    updateUsersStatus(state, action: PayloadAction<UserState[]>) {
+      action.payload.forEach((data) => {
+        const { uid, online = false } = data;
+        // console.log("update user status", curr, online);
+        if (state.byId[uid]) {
+          state.byId[uid]!.online = online;
+        }
+      });
+    }
+  }
+});
+
+export const { resetContacts, fullfillContacts, updateUsersByLogs, updateUsersStatus } =
+  usersSlice.actions;
+export default usersSlice.reducer;