From 8bc1057343e9f444a6cc6a745290ce112fe3dd0f Mon Sep 17 00:00:00 2001
From: Victor Mutai <victor.mutai@dillieduck.com>
Date: Thu, 15 Feb 2024 11:38:17 +0300
Subject: [PATCH] chore: hide on settings off/on

---
 .../AiService/components/ToggleAiComponent.js | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js b/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js
index 066175e57..9e6ca37ed 100644
--- a/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js
+++ b/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js
@@ -6,9 +6,12 @@ const ToggleAiComponent = ({ item }) => {
   const [checked, setChecked] = useState(false);
   const context = useContext(WaxContext);
   const {
+    app,
     pmViews: { main },
   } = context;
 
+  const enableService = app.config.get('config.AskAiContentService');
+
   let isDisabled = false;
   const isEditable = main.props.editable(editable => {
     return editable;
@@ -24,16 +27,17 @@ const ToggleAiComponent = ({ item }) => {
   };
 
   return useMemo(
-    () => (
-      <MenuButton
-        active={checked}
-        disabled={!isEditable}
-        iconName={item.icon}
-        onMouseDown={onMouseDown}
-        title={item.title}
-      />
-    ),
-    [checked, isDisabled],
+    () =>
+      enableService.AiOn ? (
+        <MenuButton
+          active={checked}
+          disabled={!isEditable}
+          iconName={item.icon}
+          onMouseDown={onMouseDown}
+          title={item.title}
+        />
+      ) : null,
+    [checked, isDisabled, enableService.AiOn],
   );
 };
 
-- 
GitLab