feat: settings & solid login

src/app/services/auth.js

@@ -1,56 +1,70 @@
-import { createApi } from '@reduxjs/toolkit/query/react';
-import baseQuery from './base.query';
-import BASE_URL from '../config';
+import { createApi } from "@reduxjs/toolkit/query/react";
+import baseQuery from "./base.query";
+import BASE_URL from "../config";
 export const authApi = createApi({
- reducerPath: 'auth',
- baseQuery,
- endpoints: (builder) => ({
-  login: builder.mutation({
-   query: (credentials) => ({
-    url: 'token/login',
-    method: 'POST',
-    body: { credential: credentials, device: 'web', device_token: 'test' }
-   }),
-   transformResponse: (data) => {
-    const { avatar_updated_at } = data.user;
-    data.user.avatar =
-     avatar_updated_at == 0 ? '' : `${BASE_URL}/resource/avatar?uid=${data.user.uid}`;
-    return data;
-   }
+  reducerPath: "auth",
+  baseQuery,
+  endpoints: (builder) => ({
+    login: builder.mutation({
+      query: (credentials) => ({
+        url: "token/login",
+        method: "POST",
+        body: { credential: credentials, device: "web", device_token: "test" },
+      }),
+      transformResponse: (data) => {
+        const { avatar_updated_at } = data.user;
+        data.user.avatar =
+          avatar_updated_at == 0
+            ? ""
+            : `${BASE_URL}/resource/avatar?uid=${data.user.uid}&t=${avatar_updated_at}`;
+        return data;
+      },
+    }),
+    // 更新token
+    renew: builder.mutation({
+      query: ({ token, refreshToken }) => ({
+        url: "/token/renew",
+        method: "POST",
+        body: {
+          token,
+          refresh_token: refreshToken,
+        },
+      }),
+    }),
+    //   获取openid
+    getOpenid: builder.mutation({
+      query: ({ issuer_url }) => ({
+        url: "/token/openid/authorize",
+        method: "POST",
+        body: {
+          issuer_url,
+        },
+      }),
+    }),
+
+    checkInviteTokenValid: builder.mutation({
+      query: (token) => ({
+        url: "user/check_invite_magic_token",
+        method: "POST",
+        body: { magic_token: token },
+      }),
+    }),
+    getMetamaskNonce: builder.query({
+      query: (address) => ({
+        url: `/token/metamask/nonce?public_address=${address}`,
+      }),
+    }),
+    logout: builder.query({
+      query: () => ({ url: `token/logout` }),
+    }),
   }),
-  // 更新token
-  renew: builder.mutation({
-   query: ({ token, refreshToken }) => ({
-    url: '/token/renew',
-    method: 'POST',
-    body: {
-     token,
-     refresh_token: refreshToken
-    }
-   })
-  }),
-  checkInviteTokenValid: builder.mutation({
-   query: (token) => ({
-    url: 'user/check_invite_magic_token',
-    method: 'POST',
-    body: { magic_token: token }
-   })
-  }),
-  getMetamaskNonce: builder.query({
-   query: (address) => ({
-    url: `/token/metamask/nonce?public_address=${address}`
-   })
-  }),
-  logout: builder.query({
-   query: () => ({ url: `token/logout` })
-  })
- })
 });
 
 export const {
- useRenewMutation,
- useLazyGetMetamaskNonceQuery,
- useLoginMutation,
- useLazyLogoutQuery,
- useCheckInviteTokenValidMutation
+  useGetOpenidMutation,
+  useRenewMutation,
+  useLazyGetMetamaskNonceQuery,
+  useLoginMutation,
+  useLazyLogoutQuery,
+  useCheckInviteTokenValidMutation,
 } = authApi;

src/app/services/channel.js

@@ -4,6 +4,7 @@ import toast from "react-hot-toast";
 import baseQuery from "./base.query";
 import { ContentTypes } from "../config";
 import { addChannelMsg } from "../slices/message.channel";
+import { updateChannel } from "../slices/channels";
 import {
   addPendingMessage,
   removePendingMessage,
@@ -21,6 +22,9 @@ export const channelApi = createApi({
     getChannels: builder.query({
       query: () => ({ url: `group` }),
     }),
+    getChannel: builder.query({
+      query: (id) => ({ url: `group/${id}` }),
+    }),
     createChannel: builder.mutation({
       query: (data) => ({
         url: "group",
@@ -28,6 +32,26 @@ export const channelApi = createApi({
         body: data,
       }),
     }),
+    updateChannel: builder.mutation({
+      query: ({ id, ...data }) => ({
+        url: `group/${id}`,
+        method: "PUT",
+        body: data,
+      }),
+      async onQueryStarted(
+        { id, name, description },
+        { dispatch, queryFulfilled }
+      ) {
+        // id: who send to ,from_uid: who sent
+        const patchResult = dispatch(updateChannel({ id, name, description }));
+        try {
+          await queryFulfilled;
+        } catch {
+          console.log("channel update failed");
+          patchResult.undo();
+        }
+      },
+    }),
     removeChannel: builder.query({
       query: (id) => ({
         url: `group/${id}`,
@@ -78,6 +102,8 @@ export const channelApi = createApi({
 });
 
 export const {
+  useGetChannelQuery,
+  useUpdateChannelMutation,
   useLazyRemoveChannelQuery,
   useGetChannelsQuery,
   useCreateChannelMutation,

src/app/services/contact.js

@@ -5,6 +5,7 @@ import toast from "react-hot-toast";
 import baseQuery from "./base.query";
 import BASE_URL, { ContentTypes } from "../config";
 import { addUserMsg } from "../slices/message.user";
+import { removeContact } from "../slices/contacts";
 import {
   addPendingMessage,
   removePendingMessage,
@@ -26,12 +27,42 @@ export const contactApi = createApi({
           const avatar =
             user.avatar_updated_at == 0
               ? ""
-              : `${BASE_URL}/resource/avatar?uid=${user.uid}`;
+              : `${BASE_URL}/resource/avatar?uid=${user.uid}&t=${user.avatar_updated_at}`;
           user.avatar = avatar;
           return user;
         });
       },
     }),
+    deleteContact: builder.query({
+      query: (uid) => ({ url: `/admin/user/${uid}`, method: "DELETE" }),
+      async onQueryStarted(uid, { dispatch, queryFulfilled }) {
+        // id: who send to ,from_uid: who sent
+        const patchResult = dispatch(removeContact(uid));
+        try {
+          await queryFulfilled;
+        } catch {
+          console.log("channel update failed");
+          patchResult.undo();
+        }
+      },
+    }),
+    updateAvatar: builder.mutation({
+      query: (data) => ({
+        headers: {
+          "content-type": "image/png",
+        },
+        url: `user/avatar`,
+        method: "POST",
+        body: data,
+      }),
+    }),
+    updateInfo: builder.mutation({
+      query: (data) => ({
+        url: `user`,
+        method: "PUT",
+        body: data,
+      }),
+    }),
     register: builder.mutation({
       query: (data) => ({
         url: `user/register`,
@@ -80,6 +111,9 @@ export const contactApi = createApi({
 });
 
 export const {
+  useLazyDeleteContactQuery,
+  useUpdateInfoMutation,
+  useUpdateAvatarMutation,
   useGetContactsQuery,
   useSendMsgMutation,
   useRegisterMutation,

src/app/services/server.js

@@ -20,7 +20,28 @@ export const serverApi = createApi({
         return data;
       },
     }),
+    updateLogo: builder.mutation({
+      query: (data) => ({
+        headers: {
+          "content-type": "image/png",
+        },
+        url: `admin/system/organization/logo`,
+        method: "POST",
+        body: data,
+      }),
+    }),
+    updateServer: builder.mutation({
+      query: (data) => ({
+        url: `admin/system/organization`,
+        method: "PUT",
+        body: data,
+      }),
+    }),
   }),
 });
 
-export const { useGetServerQuery } = serverApi;
+export const {
+  useGetServerQuery,
+  useUpdateServerMutation,
+  useUpdateLogoMutation,
+} = serverApi;