diff --git a/src/assets/aliceImageGen.png b/src/assets/aliceImageGen.png new file mode 100644 index 0000000..83c6327 Binary files /dev/null and b/src/assets/aliceImageGen.png differ diff --git a/src/common/translateCard.jsx b/src/common/translateCard.jsx index 503b1cc..5058fb1 100644 --- 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 English Hindi Spanish + Bengali + Odia + Japanese + @@ -105,6 +110,10 @@ export default function DialogSelect({ open, setOpen, highlihghtedContent , setG English Hindi Spanish + Bengali + Odia + Japanese + {highlihghtedContent &&
diff --git a/src/common/visualizeCard.jsx b/src/common/visualizeCard.jsx index 78ecc45..38bfa64 100644 --- a/src/common/visualizeCard.jsx +++ b/src/common/visualizeCard.jsx @@ -34,7 +34,7 @@ export default function VisualizeCard({ open, setOpen }) { { visualsesOn &&
diff --git a/src/page/index.jsx b/src/page/index.jsx index ca3bea3..8874550 100644 --- 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 ( <> {showAudioCard && } {showVisualCard && } - {showTranslateCard && } + {showTranslateCard && } {showTextFormatDialog && }