Pass articletext to metadescription

NDLANO · Oct 16, 2024 · d446804 · d446804
1 parent 6527a03
commit d446804
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/containers/ArticlePage/LearningResourcePage/components/LearningResourcePanels.tsx b/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 />