feat: hide call option while agora disabled

src/routes/chat/ChannelChat/index.js

@@ -8,6 +8,7 @@ import FavList from "../FavList";
 import { useReadMessageMutation } from "../../../app/services/message";
 import { updateRemeberedNavs } from "../../../app/slices/ui";
 import useMessageFeed from "../../../common/hook/useMessageFeed";
+import useConfig from "../../../common/hook/useConfig";
 import ChannelIcon from "../../../common/component/ChannelIcon";
 import Tooltip from "../../../common/component/Tooltip";
 import Contact from "../../../common/component/Contact";
@@ -34,6 +35,7 @@ import LoadMore from "../LoadMore";
 // import useChatScroll from "../../../common/hook/useChatScroll";
 
 export default function ChannelChat({ cid = "", dropFiles = [] }) {
+  const { values: agoraConfig } = useConfig("agora");
   const { list: msgIds, appends, hasMore, pullUp } = useMessageFeed({
     context: "channel",
     id: cid,
@@ -107,11 +109,13 @@ export default function ChannelChat({ cid = "", dropFiles = [] }) {
         aside={
           <>
             <ul className="tools">
-              <li className="tool">
-                <Tooltip tip="Voice/Video Chat" placement="left">
-                  <IconHeadphone />
-                </Tooltip>
-              </li>
+              {agoraConfig.enabled && (
+                <li className="tool">
+                  <Tooltip tip="Voice/Video Chat" placement="left">
+                    <IconHeadphone />
+                  </Tooltip>
+                </li>
+              )}
               <Tooltip
                 tip="Pin"
                 placement="left"

src/routes/setting/config/Agora.js

@@ -5,7 +5,7 @@ import Textarea from "../../../common/component/styled/Textarea";
 import Label from "../../../common/component/styled/Label";
 import Toggle from "../../../common/component/styled/Toggle";
 import SaveTip from "../../../common/component/SaveTip";
-import useConfig from "./useConfig";
+import useConfig from "../../../common/hook/useConfig";
 export default function ConfigAgora() {
   const {
     changed,

src/routes/setting/config/Firebase.js

@@ -5,7 +5,7 @@ import Textarea from "../../../common/component/styled/Textarea";
 import Toggle from "../../../common/component/styled/Toggle";
 import Label from "../../../common/component/styled/Label";
 import SaveTip from "../../../common/component/SaveTip";
-import useConfig from "./useConfig";
+import useConfig from "../../../common/hook/useConfig";
 
 export default function ConfigFirebase() {
   const {

src/routes/setting/config/Logins.js

@@ -5,7 +5,7 @@ import Toggle from "../../../common/component/styled/Toggle";
 import Label from "../../../common/component/styled/Label";
 import Input from "../../../common/component/styled/Input";
 import SaveTip from "../../../common/component/SaveTip";
-import useConfig from "./useConfig";
+import useConfig from "../../../common/hook/useConfig";
 import Tooltip from "./Tooltip";
 import IssuerList from "./IssuerList";
 import useGoogleAuthConfig from "../../../common/hook/useGoogleAuthConfig";

src/routes/setting/config/SMTP.js

@@ -8,7 +8,7 @@ const StyledTest = styled.div`
 `;
 import { useSendTestEmailMutation } from "../../../app/services/server";
 import iconQuestion from "../../../assets/icons/question.svg?url";
-import useConfig from "./useConfig";
+import useConfig from "../../../common/hook/useConfig";
 import StyledContainer from "./StyledContainer";
 import Input from "../../../common/component/styled/Input";
 import Button from "../../../common/component/styled/Button";

src/routes/setting/config/useConfig.js

@@ -1,107 +0,0 @@
-import { useEffect, useState } from "react";
-import { isObjectEqual } from "../../../common/utils";
-import toast from "react-hot-toast";
-import {
-  useGetAgoraConfigQuery,
-  useGetFirebaseConfigQuery,
-  useGetSMTPConfigQuery,
-  useGetLoginConfigQuery,
-  useUpdateLoginConfigMutation,
-  useUpdateSMTPConfigMutation,
-  useUpdateAgoraConfigMutation,
-  useUpdateFirebaseConfigMutation,
-} from "../../../app/services/server";
-export default function useConfig(config = "smtp") {
-  const [changed, setChanged] = useState(false);
-  const [values, setValues] = useState({});
-  const { data: Login, refetch: refetchLogin } = useGetLoginConfigQuery();
-  const [
-    updateLoginConfig,
-    { isSuccess: LoginUpdated },
-  ] = useUpdateLoginConfigMutation();
-  const { data: SMTP, refetch: refetchSMTP } = useGetSMTPConfigQuery();
-  const [
-    updateSMTPConfig,
-    { isSuccess: SMTPUpdated },
-  ] = useUpdateSMTPConfigMutation();
-  const { data: Agora, refetch: refetchAgora } = useGetAgoraConfigQuery();
-  const [
-    updateAgoraConfig,
-    { isSuccess: AgoraUpdated },
-  ] = useUpdateAgoraConfigMutation();
-  const {
-    data: Firebase,
-    refetch: refetchFirebase,
-  } = useGetFirebaseConfigQuery();
-  const [
-    updateFirebaseConfig,
-    { isSuccess: FirebaseUpdated },
-  ] = useUpdateFirebaseConfigMutation();
-
-  const datas = {
-    login: Login,
-    smtp: SMTP,
-    agora: Agora,
-    firebase: Firebase,
-  };
-  const updateFns = {
-    login: updateLoginConfig,
-    smtp: updateSMTPConfig,
-    agora: updateAgoraConfig,
-    firebase: updateFirebaseConfig,
-  };
-  const refetchs = {
-    smtp: refetchSMTP,
-    agora: refetchAgora,
-    firebase: refetchFirebase,
-    login: refetchLogin,
-  };
-  const updateds = {
-    login: LoginUpdated,
-    smtp: SMTPUpdated,
-    agora: AgoraUpdated,
-    firebase: FirebaseUpdated,
-  };
-  const data = datas[config];
-  const updateConfig = updateFns[config];
-  const refetch = refetchs[config];
-  const updated = updateds[config];
-  const reset = () => {
-    setValues(data ?? {});
-  };
-
-  const toggleEnable = () => {
-    setValues((prev) => {
-      return { ...prev, enabled: !prev.enabled };
-    });
-  };
-  useEffect(() => {
-    if (updated) {
-      toast.success("Configuration Updated!");
-      refetch();
-    }
-  }, [updated]);
-  useEffect(() => {
-    console.log("wtf", data);
-    // if (data) {
-    setValues(data ?? {});
-    // }
-  }, [data]);
-  useEffect(() => {
-    // if (data && values) {
-    if (!isObjectEqual(data, values)) {
-      setChanged(true);
-    } else {
-      setChanged(false);
-    }
-    // }
-  }, [data, values]);
-  return {
-    reset,
-    changed,
-    updateConfig,
-    values,
-    setValues,
-    toggleEnable,
-  };
-}