fix: strip html from seo descriptions

jbx-protocol · Jul 3, 2024 · c4a99f0 · c4a99f0
1 parent cc55995
commit c4a99f0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/hooks/useSubtitle.ts b/src/hooks/useSubtitle.ts
@@ -1,5 +1,6 @@
 import { ProjectMetadata } from 'models/projectMetadata'
 import { useMemo } from 'react'
+import { stripHtmlTags } from 'utils/string'
 
 export type SubtitleType = 'tagline' | 'description'
 
@@ -31,7 +32,3 @@ export const useSubtitle = (
 
   return subtitle
 }
-
-const stripHtmlTags = (html: string): string => {
-  return html.replace(/<[^>]*>/g, '')
-}
diff --git a/src/pages/v2/p/[projectId]/index.tsx b/src/pages/v2/p/[projectId]/index.tsx
@@ -15,6 +15,7 @@ import {
   ProjectPageProps,
   getProjectStaticProps,
 } from 'utils/server/pages/props'
+import { stripHtmlTags } from 'utils/string'
 
 export const getStaticPaths: GetStaticPaths = async () => {
   if (process.env.BUILD_CACHE_V2_PROJECTS === 'true') {
@@ -69,7 +70,11 @@ const ProjectPageSEO = ({
     title={metadata?.name}
     url={`${SiteBaseUrl}v2/p/${projectId}`}
     description={
-      metadata?.projectTagline ? metadata.projectTagline : metadata?.description
+      metadata?.projectTagline
+        ? metadata.projectTagline
+        : metadata?.description
+        ? stripHtmlTags(metadata.description)
+        : undefined
     }
     twitter={{
       card: 'summary',

diff --git a/src/utils/string.ts b/src/utils/string.ts
@@ -0,0 +1,3 @@
+export const stripHtmlTags = (html: string): string => {
+  return html.replace(/<[^>]*>/g, '')
+}