Pass articletext to metadescription

Author: rauboti

src/containers/ArticlePage/LearningResourcePage/components/LearningResourcePanels.tsx

@@ -38,6 +38,12 @@ interface Props {
   contexts?: TaxonomyContext[];
 }
 
+const getTextFromHTML = (html: string) => {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(html, "text/html");
+  return doc.body.textContent || "";
+};
+
 const LearningResourcePanels = ({
   article,
   articleHistory,
@@ -58,6 +64,11 @@ const LearningResourcePanels = ({
   );
   const copyrightFields = useMemo<FlatArticleKeys[]>(() => ["copyright"], []);
 
+  const articleText = useMemo(() => {
+    if (!article?.content) return " ";
+    return getTextFromHTML(article.content.content);
+  }, [article?.content]);
+
   return (
     <FormAccordionsWithComments
       defaultOpen={defaultOpen}
@@ -116,7 +127,7 @@ const LearningResourcePanels = ({
         title={t("form.metadataSection")}
         hasError={!!(errors.metaDescription || errors.metaImageAlt || errors.tags)}
       >
-        <MetaDataField articleLanguage={articleLanguage} />
+        <MetaDataField articleContent={articleText} articleLanguage={articleLanguage} />
       </FormAccordion>
       <FormAccordion id={"learning-resource-grepCodes"} title={t("form.name.grepCodes")} hasError={!!errors.grepCodes}>
         <GrepCodesField />

src/containers/FormikForm/MetaDataField.tsx

@@ -45,6 +45,7 @@ import { useSession } from "../Session/SessionProvider";
 
 interface Props {
   articleLanguage: string;
+  articleContent?: string;
   showCheckbox?: boolean;
   checkboxAction?: (image: IImageMetaInformationV3) => void;
 }
@@ -57,7 +58,7 @@ const StyledButton = styled(Button, {
   },
 });
 
-const MetaDataField = ({ articleLanguage, showCheckbox, checkboxAction }: Props) => {
+const MetaDataField = ({ articleLanguage, articleContent, showCheckbox, checkboxAction }: Props) => {
   const { t } = useTranslation();
   const [isLoading, setIsLoading] = useState(false);
   const { userPermissions } = useSession();