refactor(frontend): abstract get metadata

Author: alcercu

frontend/src/app/community/page.tsx

@@ -3,21 +3,11 @@ import type { Metadata } from "next";
 import CommunitiesSection from "@/components/Community/CommunitiesSection";
 import Hero from "@/components/Community/hero";
 import { heroQuery, HeroQueryType } from "@/queries/community/hero";
-import { seoQuery, SEOQueryType } from "@/queries/seo";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.communityPageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return await getPageMetadata("communityPageSeo");
 };
 
 const Community: React.FC = async () => {

frontend/src/app/cooperative/page.tsx

@@ -12,21 +12,11 @@ import {
   cooperativePageReportQuery,
   CooperativePageReportQueryType,
 } from "@/queries/cooperative/report-section";
-import { seoQuery, SEOQueryType } from "@/queries/seo";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.cooperativePageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return await getPageMetadata("cooperativePageSeo");
 };
 
 const Cooperative: React.FC = async () => {

frontend/src/app/earn/page.tsx

@@ -4,21 +4,11 @@ import Hero from "@/components/Earn/Hero";
 import TabSection from "@/components/Earn/TabSection";
 import { heroQuery, HeroQueryType } from "@/queries/earn/hero";
 import { tabSectionQuery, TabSectionQueryType } from "@/queries/earn/tabs-data";
-import { seoQuery, SEOQueryType } from "@/queries/seo";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.earnPageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return await getPageMetadata("earnPageSeo");
 };
 
 const Earn: React.FC = async () => {

frontend/src/app/for-builders/page.tsx

@@ -8,21 +8,11 @@ import {
   useCasesQuery,
   UseCasesQueryType,
 } from "@/queries/for-builders/use-cases";
-import { seoQuery, SEOQueryType } from "@/queries/seo";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.forBuildersPageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return await getPageMetadata("forBuildersPageSeo");
 };
 
 const ForBuilders: React.FC = async () => {

frontend/src/app/for-lawyers/page.tsx

@@ -1,7 +1,6 @@
 import type { Metadata } from "next";
 
-import { seoQuery, SEOQueryType } from "@/queries/seo";
-import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 import Hero from "./components/Hero";
 import KlerosDisputeResolutionSection from "./components/KlerosDisputeResolutionSection";
@@ -11,17 +10,7 @@ import KlerosMediationSection from "./components/KlerosMediationSection";
 import KlerosParticipateSection from "./components/KlerosParticipateSection";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.forLawyersPageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return getPageMetadata("forLawyersPageSeo");
 };
 
 const ForLawyers: React.FC = async () => {

frontend/src/app/home/page.tsx

@@ -1,8 +1,7 @@
 import type { Metadata } from "next";
 
 import IntegrateSection from "@/components/IntegrateSection";
-import { seoQuery, SEOQueryType } from "@/queries/seo";
-import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 import CaseStudies from "./components/CaseStudies";
 import GetInTouch from "./components/GetInTouch";
@@ -14,17 +13,7 @@ import TrustedBy from "./components/TrustedBy";
 import UseCases from "./components/UseCases";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.homePageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return await getPageMetadata("homePageSeo");
 };
 
 const Home: React.FC = async () => {

frontend/src/app/pnk-token/page.tsx

@@ -17,21 +17,11 @@ import {
   TokenomicsSectionQueryType,
   tokenomicsSectionQuery,
 } from "@/queries/pnk-token/tokenomics";
-import { seoQuery, SEOQueryType } from "@/queries/seo";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.pnkTokenPageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return await getPageMetadata("pnkTokenPageSeo");
 };
 
 const PNKToken: React.FC = async () => {

frontend/src/app/r-and-d/page.tsx

@@ -7,21 +7,11 @@ import {
   tabSectionQuery,
   TabSectionQueryType,
 } from "@/queries/research-development/tabs-data";
-import { seoQuery, SEOQueryType } from "@/queries/seo";
 import { request } from "@/utils/graphQLClient";
+import { getPageMetadata } from "@/utils/seo";
 
 export const generateMetadata = async (): Promise<Metadata> => {
-  const seoData = await request<SEOQueryType>(seoQuery);
-  const { title, description, image } = seoData.rAndDPageSeo.SEO;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      images: image.url,
-    },
-  };
+  return getPageMetadata("rAndDPageSeo");
 };
 
 const ResearchDevelopment: React.FC = async () => {

frontend/src/utils/seo.ts

@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+
+import { seoQuery, SEOQueryType } from "@/queries/seo";
+import { request } from "@/utils/graphQLClient";
+
+type PageKey = keyof SEOQueryType;
+
+export const getPageMetadata = async (pageKey: PageKey): Promise<Metadata> => {
+  const seoData = await request<SEOQueryType>(seoQuery);
+  const { title, description, image } = seoData[pageKey].SEO;
+
+  return {
+    title,
+    description,
+    openGraph: {
+      title,
+      description,
+      images: image.url,
+    },
+  };
+};