fixed MUI span error

AFP-Medialab · Aug 20, 2024 · 85e62cb · 85e62cb
1 parent ccc8ba5
commit 85e62cb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
@@ -114,8 +114,7 @@ const AssistantTextResult = () => {
           <Collapse in={expanded} collapsedSize={100} id={"element-to-check"}>
             <Typography component={"div"} sx={{ textAlign: "start" }}>
               {/*{!displayOrigLang && translatedText ? translatedText : text}*/}
-              {textHtmlOutput && textHtmlOutput}
-              {!textHtmlOutput && text}
+              {textHtmlOutput ?? text}
             </Typography>
           </Collapse>
         </CardContent>

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx
@@ -25,7 +25,9 @@ import { styled } from "@mui/system";
 
 // Had to create a custom styled span as the default style attribute does not support
 // :hover metaclass
-const StyledSpan = styled("span")();
+const StyledSpan = styled("span")(({ theme }) => ({
+  ...theme,
+}));
 
 export default function AssistantTextSpanClassification({
   text,