Merge pull request #219 from apecloud/feat/chat

feat: chat css
apecloud · Mar 14, 2024 · c87661e · c87661e
2 parents eeb69ce + 1f2120c
commit c87661e
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/pages/chatInput.tsx b/src/pages/chatInput.tsx
@@ -9,8 +9,10 @@ const TypeWriterInput = () => {
   const [chatReady, setChatReady] = useState<boolean>(false);
   const [currentTips, setTips] = useState <string>('');
 
+
+
   useEffect(() => {
-    document.getElementsByTagName('kube-chat')[0].logo.style.opacity = 0
+    document.getElementsByTagName('kube-chat')[0].style.display= 'none'
     const chatTips = () => {
       const tips1 = "how to install kubeblocks".split(/\s/);
       const tips2 = "how to create a mysql cluster".split(/\s/);
@@ -58,6 +60,7 @@ const TypeWriterInput = () => {
 
   const handleClick = (event) => {
     event.preventDefault();
+    document.getElementsByTagName('kube-chat')[0].style.display= 'block'
     document.getElementsByTagName('kube-chat')[0].setBotExpand(true);
     document.getElementsByTagName('kube-chat')[0].askQuestion(currentTips)
   };
@@ -77,6 +80,7 @@ const TypeWriterInput = () => {
         }}
         onClose={() => {
           setOpen(false);
+          document.getElementsByTagName('kube-chat')[0].style.display= 'none'
         }}
         onReady={() => {
           setChatReady(true);