feat(new autocomplete): unify 2 state variables into 1

Sefaria · Mar 27, 2024 · 1027d76 · 1027d76
1 parent eb2b5f0
commit 1027d76
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/static/js/Misc.jsx b/static/js/Misc.jsx
@@ -1509,13 +1509,12 @@ const ToolTipped = ({ altText, classes, style, onClick, children }) => {
 )};
 
 const AiInfoTooltip = () => {
-  const [mouseOnIcon, setMouseOnIcon] = useState(false);
-  const [mouseOnMessage, setMouseOnMessage] = useState(false);
-    const aiInfoIcon = (
-            <img className="ai-info-icon" src="/static/icons/ai-info.svg" alt="AI Info Icon" onMouseEnter={() => setMouseOnIcon(true)} onMouseLeave={() => setMouseOnIcon(false)}/>
+  const [showMessage, setShowMessage] = useState(false);
+  const aiInfoIcon = (
+            <img className="ai-info-icon" src="/static/icons/ai-info.svg" alt="AI Info Icon" onMouseEnter={() => setShowMessage(true)} onMouseLeave={() => setShowMessage(false)}/>
     );
         const aiMessage = (
-        <div className="ai-info-messages-box" onMouseEnter={() => setMouseOnMessage(true)} onMouseLeave={() => setMouseOnMessage(false)}>
+        <div className="ai-info-messages-box" onMouseEnter={() => setShowMessage(true)} onMouseLeave={() => setShowMessage(false)}>
               <div className="ai-info-first-message">
               <InterfaceText>
                   <EnglishText>Some of the text on this page has been AI generated and reviewed by our editors. <a href={"/sheets/541399?lang=en"}>Learn more.</a></EnglishText>
@@ -1535,7 +1534,7 @@ const AiInfoTooltip = () => {
   return (
     <div className="ai-info-tooltip">
       {aiInfoIcon}
-        <div className={`ai-message ${(mouseOnIcon || mouseOnMessage) ? 'visible' : ''}`}>
+        <div className={`ai-message ${(showMessage) ? 'visible' : ''}`}>
             {aiMessage}
         </div>
     </div>