changed typography component to div

AFP-Medialab · Aug 19, 2024 · ccc8ba5 · ccc8ba5
1 parent 4610d1f
commit ccc8ba5
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 6 deletions.
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCredibilitySignals.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCredibilitySignals.jsx
@@ -169,7 +169,10 @@ const renderCollapsePrevFactChecks = (
           <></>
         </Grid>
         <Grid item xs={6} align={"start"}>
-          <Typography sx={{ color: "text.secondary", align: "start" }}>
+          <Typography
+            component={"div"}
+            sx={{ color: "text.secondary", align: "start" }}
+          >
             <p></p>
             {keyword("more_details")}{" "}
             <Link

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx
@@ -288,5 +288,9 @@ export function ClassifiedText({
     output = treeMapToElements(text, textHtmlMap);
   }
 
-  return <Typography align={"left"}>{output}</Typography>;
+  return (
+    <Typography component={"div"} sx={{ textAlign: "start" }}>
+      {output}
+    </Typography>
+  );
 }
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
@@ -112,7 +112,7 @@ const AssistantTextResult = () => {
         )}
         <CardContent>
           <Collapse in={expanded} collapsedSize={100} id={"element-to-check"}>
-            <Typography align={"left"}>
+            <Typography component={"div"} sx={{ textAlign: "start" }}>
               {/*{!displayOrigLang && translatedText ? translatedText : text}*/}
               {textHtmlOutput && textHtmlOutput}
               {!textHtmlOutput && text}

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx
@@ -392,5 +392,9 @@ export function MultiCategoryClassifiedText({
 
   let output = categoriesText[category];
 
-  return <Typography align={"left"}>{output}</Typography>;
+  return (
+    <Typography component={"div"} sx={{ textAlign: "start" }}>
+      {output}
+    </Typography>
+  );
 }
diff --git a/src/components/NavItems/tools/SemanticSearch/components/ResultDisplayItem.jsx b/src/components/NavItems/tools/SemanticSearch/components/ResultDisplayItem.jsx
@@ -65,7 +65,7 @@ const ResultDisplayItem = ({
               spacing={2}
             >
               <Stack direction="column">
-                <Typography align="start">
+                <Typography sx={{ textAlign: "start" }}>
                   {keyword("semantic_search_result_claim")}{" "}
                   {showOriginalClaim ? claimOriginalLanguage : claim}
                 </Typography>
@@ -88,7 +88,7 @@ const ResultDisplayItem = ({
                 )}
               </Stack>
               <Stack direction="column">
-                <Typography align="start">
+                <Typography sx={{ textAlign: "start" }}>
                   {keyword("semantic_search_result_title")}{" "}
                   <Link href={articleUrl} target="_blank">
                     {showOriginalTitle ? titleOriginalLanguage : title}