fix: remove unused fields, append sharing links

bigcommerce · May 2, 2024 · 8635584 · 8635584
1 parent 7ec6f83
commit 8635584
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 20 deletions.
diff --git a/apps/core/app/[locale]/(default)/blog/[blogId]/_components/sharing-links/fragment.tsx b/apps/core/app/[locale]/(default)/blog/[blogId]/_components/sharing-links/fragment.tsx
@@ -0,0 +1,13 @@
+import { graphql } from '~/client/graphql';
+
+export const SharingLinksFragment = graphql(`
+  fragment SharingLinksFragment on BlogPost {
+    entityId
+    thumbnailImage {
+      url: urlTemplate
+    }
+    seo {
+      pageTitle
+    }
+  }
+`);
diff --git a/...og/[blogId]/_components/sharing-links.tsx → ...ogId]/_components/sharing-links/index.tsx b/...og/[blogId]/_components/sharing-links.tsx → ...ogId]/_components/sharing-links/index.tsx
@@ -3,23 +3,9 @@
 import { SiFacebook, SiLinkedin, SiPinterest, SiX } from '@icons-pack/react-simple-icons';
 import { Mail, Printer } from 'lucide-react';
 
-import { FragmentOf, graphql } from '~/client/graphql';
+import { FragmentOf } from '~/client/graphql';
 
-import { SEOFragment } from '../page-data';
-
-export const SharingLinksFragment = graphql(
-  `
-    fragment SharingLinksFragment on BlogPost {
-      entityId
-      thumbnailImage {
-        altText
-        url: urlTemplate
-      }
-      ...SEOFragment
-    }
-  `,
-  [SEOFragment],
-);
+import { SharingLinksFragment } from './fragment';
 
 interface Props {
   blogPost: FragmentOf<typeof SharingLinksFragment>;

diff --git a/apps/core/app/[locale]/(default)/blog/[blogId]/page-data.ts b/apps/core/app/[locale]/(default)/blog/[blogId]/page-data.ts
@@ -4,6 +4,8 @@ import { client } from '~/client';
 import { graphql } from '~/client/graphql';
 import { revalidate } from '~/client/revalidate-target';
 
+import { SharingLinksFragment } from './_components/sharing-links/fragment';
+
 export const SEOFragment = graphql(`
   fragment SEOFragment on BlogPost {
     seo {
@@ -22,10 +24,8 @@ const BlogPostPageQuery = graphql(
           blog {
             isVisibleInNavigation
             post(entityId: $entityId) {
-              entityId
               author
               htmlBody
-              id
               name
               publishedDate {
                 utc
@@ -35,7 +35,10 @@ const BlogPostPageQuery = graphql(
                 altText
                 url: urlTemplate
               }
-              ...SEOFragment
+              seo {
+                pageTitle
+              }
+              ...SharingLinksFragment
             }
           }
         }
@@ -47,7 +50,7 @@ const BlogPostPageQuery = graphql(
       }
     }
   `,
-  [SEOFragment],
+  [SharingLinksFragment],
 );
 
 export const getBlogPost = cache(async ({ entityId }: { entityId: number }) => {