image gen

shivalagisetty · Apr 20, 2024 · ee673f7 · ee673f7
1 parent ac209b4
commit ee673f7
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/src/assets/aliceImageGen.png b/src/assets/aliceImageGen.png
diff --git a/src/common/translateCard.jsx b/src/common/translateCard.jsx
@@ -14,7 +14,7 @@ import SwapHorizIcon from '@mui/icons-material/SwapHoriz';
 import CloseIcon from '@mui/icons-material/Close';
 import {translateContent} from '../actions/llm';
 
-export default function DialogSelect({ open, setOpen, highlihghtedContent , setGlbTranslateTo, setHighlightedContent  }) {
+export default function DialogSelect({ open, setOpen, highlihghtedContent , setGlbTranslateTo, setHighlightedContent, setTranslationTrigger  }) {
     const [translateFrom, setTranslateFrom] = React.useState('English');
     const [translateTo, setTranslateTo] = React.useState('Hindi');
     const [translatedContent, setTranslatedContent] = React.useState("");
@@ -48,6 +48,7 @@ export default function DialogSelect({ open, setOpen, highlihghtedContent , setG
     const onClickTranslateContent = () => {
         if(!highlihghtedContent.length){
             setGlbTranslateTo(translateTo)
+            setTranslationTrigger(Math.random());
             handleClose()
         }
        if(highlihghtedContent.length){
@@ -90,6 +91,10 @@ export default function DialogSelect({ open, setOpen, highlihghtedContent , setG
                                 <MenuItem value={"English"}>English</MenuItem>
                                 <MenuItem value={"Hindi"}>Hindi</MenuItem>
                                 <MenuItem value={"Spanish"}>Spanish</MenuItem>
+                                <MenuItem value={"Bengali"}>Bengali</MenuItem>
+                                <MenuItem value={"Odia"}>Odia</MenuItem>
+                                <MenuItem value={"Japanese"}>Japanese</MenuItem>
+
                             </Select>
                         </FormControl>
                         <IconButton aria-label="swap"  onClick={handleSwap}>
@@ -105,6 +110,10 @@ export default function DialogSelect({ open, setOpen, highlihghtedContent , setG
                                 <MenuItem value={"English"}>English</MenuItem>
                                 <MenuItem value={"Hindi"}>Hindi</MenuItem>
                                 <MenuItem value={"Spanish"}>Spanish</MenuItem>
+                                <MenuItem value={"Bengali"}>Bengali</MenuItem>
+                                <MenuItem value={"Odia"}>Odia</MenuItem>
+                                <MenuItem value={"Japanese"}>Japanese</MenuItem>
+
                             </Select>
                         </FormControl>
                         {highlihghtedContent && <div style={{display:'flex', flexDirection:'row', gap:'1.5rem'}}>

diff --git a/src/common/visualizeCard.jsx b/src/common/visualizeCard.jsx
@@ -34,7 +34,7 @@ export default function VisualizeCard({ open, setOpen }) {
                 {
                     visualsesOn && <div style={{display:'flex', justifyContent:'center'}}>
                         <img
-                            src='src/assets/8ee780e2-c08c-4fca-8403-da38bf61e8ca.jpeg'
+                            src='src/assets/aliceImageGen.png'
                             width={450}
                             height={450} />
                     </div>

diff --git a/src/page/index.jsx b/src/page/index.jsx
@@ -21,6 +21,7 @@ function Paper() {
     })
     const [glbTranslateTo, setGlbTranslateTo] = React.useState(null);
     const [pageContent, setPageContent] = React.useState("")
+    const [translationTrigger, setTranslationTrigger] = React.useState(false)
 
     React.useEffect(() => {
         if (localStorage.getItem('book-progress')) {
@@ -41,14 +42,14 @@ function Paper() {
                 document.querySelector("iframe").setAttribute('srcdoc', new XMLSerializer().serializeToString(doc))
             })
         }
-    }, [glbTranslateTo])
+    }, [translationTrigger])
 
     return (
         <>
             <PrimaryAppBar setShowAudioCard={setShowAudioCard} setVisualCard={setShowVisualCard} setTranslateCard={setShowTranslateCard} setTextFormatCard={setShowTextFormatDialog} location={location} />
             {showAudioCard && <AudioCard pageContent={pageContent} />}
             {showVisualCard && <VisualizeCard open={showVisualCard} setOpen={setShowVisualCard} />}
-            {showTranslateCard && <TranaslateCard open={showTranslateCard} setOpen={setShowTranslateCard} highlihghtedContent={selections} setGlbTranslateTo={setGlbTranslateTo} setHighlightedContent={setSelections}/>}
+            {showTranslateCard && <TranaslateCard open={showTranslateCard} setOpen={setShowTranslateCard} highlihghtedContent={selections} setGlbTranslateTo={setGlbTranslateTo} setHighlightedContent={setSelections} setTranslationTrigger={setTranslationTrigger}/>}
             {showTextFormatDialog && <TextFormatDialog open={showTextFormatDialog} setOpen={setShowTextFormatDialog} styles={fontStyles} setStyles={setFontStyles} />}
             <Page selections={selections} setSelections={setSelections} location={location} setLocation={setLocation} fontStyles={fontStyles} setPageContent={setPageContent} pageContent={pageContent} />
         </>