Truncate description

Author: arjunkomath

apps/page/components/seo-tags.tsx

@@ -24,9 +24,16 @@ const SeoTags = ({
 }) => {
   const pageUrl = useMemo(() => getPageUrl(page, settings), [page, settings]);
 
+  const truncatedDescription = useMemo(() => {
+    if (!description) return null;
+    return description.length > 150
+      ? description.substring(0, 150) + "..."
+      : description;
+  }, [description]);
+
   const ogImageUrl = useMemo(
-    () => getOgUrl(page, settings, title, description),
-    [page, settings, title, description]
+    () => getOgUrl(page, settings, title, truncatedDescription),
+    [page, settings, title, truncatedDescription]
   );
 
   return (
@@ -46,7 +53,7 @@ const SeoTags = ({
         openGraph={{
           url: url || pageUrl,
           title: title ?? page?.title,
-          description: description ?? page?.description ?? "",
+          description: truncatedDescription ?? page?.description ?? "",
           images: [
             {
               url: ogImageUrl,

apps/page/lib/url.ts

@@ -41,21 +41,16 @@ export function getOgUrl(
   const pageUrl = getPageUrl(page, settings);
 
   if (title?.length && description?.length) {
-    const contentTruncated =
-      description.length > 350
-        ? description.substring(0, 350) + "..."
-        : description;
-
     return `${pageUrl}/api/og?title=${encodeURIComponent(
       page?.title
     )}&body=${encodeURIComponent(title)}&content=${encodeURIComponent(
-      contentTruncated
+      description
     )}${settings?.page_logo ? "&logo=" + settings?.page_logo : ""}`;
   }
 
   return `${pageUrl}/api/og?title=${encodeURIComponent(
     page?.title
-  )}&body=${encodeURIComponent(description ?? page.description ?? "")}${
-    settings?.page_logo ? "&logo=" + settings?.page_logo : ""
-  }`;
+  )}&body=${encodeURIComponent(
+    title ?? description ?? page.description ?? ""
+  )}${settings?.page_logo ? "&logo=" + settings?.page_logo : ""}`;
 }