feat(topic prompt generator UI): add Hebrew interface text for new ai…

…Icon ToolTip
Sefaria · Mar 17, 2024 · 62f27db · 62f27db
1 parent cbbab7c
commit 62f27db
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -827,7 +827,6 @@ div:has(#bannerMessage) + .readerApp.singlePanel .mobileNavMenu {
 }
 .interface-english .header .interfaceLinks .interfaceLinks-menu.aiToggle {
   right: 0px;
-  /*min-width: 150px;*/
   width:198px;
 }
 
@@ -836,6 +835,10 @@ div:has(#bannerMessage) + .readerApp.singlePanel .mobileNavMenu {
   min-width: 150px;
   width: max-content;
 }
+.interface-hebrew .header .interfaceLinks .interfaceLinks-menu.aiToggle {
+  left: 0px;
+  width:198px;
+}
 .interfaceLinks-menu.profile-menu.aiToggle a {
   color: #4B71B7;
   font-family: inherit;
@@ -849,6 +852,10 @@ div:has(#bannerMessage) + .readerApp.singlePanel .mobileNavMenu {
   padding: 12px;
   border-bottom: 1px solid #CCCCCC;
 }
+.aiToggleMessage *{
+  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
+}
+
 
 .header .interfaceLinks .interfaceLinks-menu .interfaceLinks-header:not(:first-child) {
   border-top: 1px solid #CCC;

diff --git a/static/js/TopicPage.jsx b/static/js/TopicPage.jsx
@@ -23,7 +23,7 @@ import {
     ToolTipped,
     SimpleLinkedBlock,
     CategoryHeader,
-    ImageWithCaption
+    ImageWithCaption, EnglishText, HebrewText
 } from './Misc';
 import {ContentText} from "./ContentText";
 
@@ -380,10 +380,19 @@ const AiInfoTooltip = () => {
       <div className="interfaceLinks">
         <div className="interfaceLinks-menu profile-menu aiToggle">
           <div className="interfaceLinks-header aiToggleMessage">
-              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>
+              <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>
+                  <HebrewText>חלק מהטקסטים בדף זה נוצרו על ידי בינה מאלכותית ועברו הגהה על ידי צוות העורכים שלנו.
+                      <a href={"/sheets/541399?lang=en"}> לפרטים נוספים</a></HebrewText>
+              </InterfaceText>
+
           </div>
           <hr className="interfaceLinks-hr" />
-          <div className="interfaceLinks-row-aiToggle aiToggleMessage"><a href={"https://sefaria.formstack.com/forms/ai_feedback_form"}>Feedback</a></div>
+          <div className="interfaceLinks-row-aiToggle aiToggleMessage">
+              <InterfaceText><EnglishText><a href={"https://sefaria.formstack.com/forms/ai_feedback_form"}>Feedback</a></EnglishText>
+              <HebrewText><a href={"https://sefaria.formstack.com/forms/ai_feedback_form"}>כתבו לנו</a></HebrewText>
+              </InterfaceText>
+          </div>
         </div>
       </div>
             </div>
@@ -392,7 +401,7 @@ const AiInfoTooltip = () => {
   return (
     <div className="ai-tooltip" onMouseEnter={() => setShowMessage(true)} onMouseLeave={() => setShowMessage(false)}>
       {aiInfoIcon}
-      {showMessage && (
+      {(showMessage || true) && (
         <div className="ai-message">
           {aiMessage}
         </div>