feat: hide call option while agora disabled

src/common/component/CurrentUser.js

@@ -4,6 +4,7 @@ import { useSelector } from "react-redux";
 import soundIcon from "../../assets/icons/sound.on.svg?url";
 import micIcon from "../../assets/icons/mic.on.svg?url";
 import Avatar from "./Avatar";
+import useConfig from "../hook/useConfig";
 // import UserGuide from "./UserGuide";
 const StyledWrapper = styled.div`
   background-color: #f4f4f5;
@@ -60,6 +61,7 @@ const StyledWrapper = styled.div`
   }
 `;
 export default function CurrentUser() {
+  const { values: agoraConfig } = useConfig("agora");
   const currUser = useSelector((store) => {
     return store.contacts.byId[store.authData.uid];
   });
@@ -76,10 +78,12 @@ export default function CurrentUser() {
           <span className="id">#{uid}</span>
         </div>
       </div>
-      <div className="settings">
-        <img src={soundIcon} className="icon" alt="mic icon" />
-        <img src={micIcon} className="icon" alt="sound icon" />
-      </div>
+      {agoraConfig.enabled && (
+        <div className="settings">
+          <img src={soundIcon} className="icon" alt="mic icon" />
+          <img src={micIcon} className="icon" alt="sound icon" />
+        </div>
+      )}
     </StyledWrapper>
     // </UserGuide>
   );

src/common/component/Profile/index.js

@@ -56,7 +56,7 @@ export default function Profile({ uid = null, type = "embed", cid = null }) {
           </li>
         </NavLink>
         {/* <NavLink to={`#`}> */}
-        {type == "embed" && (
+        {enableCall && (
           <li className="icon call" onClick={call}>
             <IconCall />
             <span className="txt">Call</span>