replace pagemetadata

Author: pettinarip

app/[locale]/_pages/index.tsx

@@ -24,7 +24,6 @@ import Calendar from "@/components/icons/calendar.svg"
 import CalendarAdd from "@/components/icons/calendar-add.svg"
 import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
-import PageMetadata from "@/components/PageMetadata"
 import { TranslatathonBanner } from "@/components/Translatathon/TranslatathonBanner"
 import {
   Accordion,
@@ -119,10 +118,6 @@ const HomePage = ({
 
   return (
     <MainArticle className="flex w-full flex-col items-center" dir={dir}>
-      <PageMetadata
-        title={t("page-index:page-index-meta-title")}
-        description={t("page-index:page-index-meta-description")}
-      />
       <TranslatathonBanner />
       <HomeHero heroImg={Hero} className="w-full" />
       <div className="w-full space-y-32 px-4 md:mx-6 lg:space-y-48">

app/[locale]/assets/_components/assets.tsx

@@ -8,7 +8,6 @@ import AssetDownload from "@/components/AssetDownload"
 import FeedbackCard from "@/components/FeedbackCard"
 import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
-import PageMetadata from "@/components/PageMetadata"
 import { Center, Flex } from "@/components/ui/flex"
 import InlineLink from "@/components/ui/Link"
 
@@ -103,10 +102,6 @@ const AssetsPage = () => {
   )
   return (
     <Flex className="w-full flex-col">
-      <PageMetadata
-        title={t("page-assets-meta-title")}
-        description={t("page-assets-meta-desc")}
-      />
       <MainArticle className="px-8 py-4">
         <Flex className="flex-col px-8 py-4">
           <Center>

app/[locale]/assets/page.tsx

@@ -1,9 +1,11 @@
 import pick from "lodash.pick"
+import { getTranslations } from "next-intl/server"
 
 import { Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import AssetsPage from "./_components/assets"
@@ -28,3 +30,20 @@ export default async function Page({
     </I18nProvider>
   )
 }
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>
+}) {
+  const { locale } = await params
+
+  const t = await getTranslations({ locale, namespace: "page-assets" })
+
+  return await getMetadata({
+    locale,
+    slug: ["assets"],
+    title: t("page-assets-meta-title"),
+    description: t("page-assets-meta-description"),
+  })
+}

app/[locale]/bug-bounty/_components/bug-bounty.tsx

@@ -16,7 +16,6 @@ import FeedbackCard from "@/components/FeedbackCard"
 import { Image, type ImageProps } from "@/components/Image"
 import Leaderboard from "@/components/Leaderboard"
 import MainArticle from "@/components/MainArticle"
-import PageMetadata from "@/components/PageMetadata"
 import Translation from "@/components/Translation"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
@@ -355,10 +354,6 @@ const BugBountiesPage = () => {
   }
   return (
     <Page>
-      <PageMetadata
-        title={t("page-upgrades-bug-bounty-meta-title")}
-        description={t("page-upgrades-bug-bounty-meta-description")}
-      />
       {/* Uncomment for Bug Bounty Banner: */}
       <BugBountyBanner />
       <Content>

app/[locale]/bug-bounty/page.tsx

@@ -1,9 +1,11 @@
 import pick from "lodash.pick"
+import { getTranslations } from "next-intl/server"
 
 import { type Params } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import BugBountiesPage from "./_components/bug-bounty"
@@ -24,3 +26,20 @@ export default async function Page({ params }: { params: Promise<Params> }) {
     </I18nProvider>
   )
 }
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>
+}) {
+  const { locale } = await params
+
+  const t = await getTranslations({ locale, namespace: "page-bug-bounty" })
+
+  return await getMetadata({
+    locale,
+    slug: ["bug-bounty"],
+    title: t("page-upgrades-bug-bounty-meta-title"),
+    description: t("page-upgrades-bug-bounty-meta-description"),
+  })
+}

app/[locale]/community/_components/community.tsx

@@ -13,7 +13,6 @@ import { HubHero } from "@/components/Hero"
 import type { HubHeroProps } from "@/components/Hero/HubHero"
 import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
-import PageMetadata from "@/components/PageMetadata"
 import { ButtonLink, ButtonLinkProps } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex } from "@/components/ui/flex"
@@ -159,10 +158,6 @@ const CommunityPage = () => {
 
   return (
     <Page>
-      <PageMetadata
-        title={t("page-community-meta-title")}
-        description={t("page-community-meta-description")}
-      />
       <HubHero {...heroContent} />
       <Divider />
       <Flex className="-mt-px h-full w-full flex-row-reverse items-center border-b border-b-border-high-contrast bg-[#ccfcff] py-8 ps-0 lg:h-[720px] lg:py-0 lg:ps-8 dark:bg-[#293233]">

app/[locale]/community/page.tsx

@@ -1,9 +1,11 @@
 import pick from "lodash.pick"
+import { getTranslations } from "next-intl/server"
 
 import { Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import CommunityPage from "./_components/community"
@@ -28,3 +30,20 @@ export default async function Page({
     </I18nProvider>
   )
 }
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>
+}) {
+  const { locale } = await params
+
+  const t = await getTranslations({ locale, namespace: "page-community" })
+
+  return await getMetadata({
+    locale,
+    slug: ["community"],
+    title: t("page-community-meta-title"),
+    description: t("page-community-meta-description"),
+  })
+}

app/[locale]/contributing/translation-program/acknowledgements/_components/acknowledgements.tsx

@@ -7,7 +7,6 @@ import Breadcrumbs from "@/components/Breadcrumbs"
 import FeedbackCard from "@/components/FeedbackCard"
 import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
-import PageMetadata from "@/components/PageMetadata"
 import TranslationLeaderboard from "@/components/TranslationLeaderboard"
 import { Flex } from "@/components/ui/flex"
 import InlineLink from "@/components/ui/Link"
@@ -61,15 +60,6 @@ const TranslatorAcknowledgements = () => {
 
   return (
     <Flex className="w-full flex-col items-center">
-      <PageMetadata
-        title={t(
-          "page-contributing-translation-program-acknowledgements-meta-title"
-        )}
-        description={t(
-          "page-contributing-translation-program-acknowledgements-meta-description"
-        )}
-      />
-
       <Content>
         <Breadcrumbs slug={pathname} className="mt-12" />
         <h1 className="my-8 leading-xs">

app/[locale]/contributing/translation-program/acknowledgements/page.tsx

@@ -1,9 +1,11 @@
 import pick from "lodash.pick"
+import { getTranslations } from "next-intl/server"
 
 import { Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import Acknowledgements from "./_components/acknowledgements"
@@ -27,4 +29,28 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
 }
 
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>
+}) {
+  const { locale } = await params
+
+  const t = await getTranslations({
+    locale,
+    namespace: "page-contributing-translation-program-acknowledgements",
+  })
+
+  return await getMetadata({
+    locale,
+    slug: ["contributing", "translation-program", "acknowledgements"],
+    title: t(
+      "page-contributing-translation-program-acknowledgements-meta-title"
+    ),
+    description: t(
+      "page-contributing-translation-program-acknowledgements-meta-description"
+    ),
+  })
+}
+
 export default Page

app/[locale]/contributing/translation-program/contributors/_components/contributors.tsx

@@ -7,7 +7,6 @@ import { CostLeaderboardData } from "@/lib/types"
 import Breadcrumbs from "@/components/Breadcrumbs"
 import FeedbackCard from "@/components/FeedbackCard"
 import MainArticle from "@/components/MainArticle"
-import PageMetadata from "@/components/PageMetadata"
 import { Flex } from "@/components/ui/flex"
 import InlineLink from "@/components/ui/Link"
 import { List, ListItem } from "@/components/ui/list"
@@ -42,15 +41,6 @@ const Contributors = () => {
 
   return (
     <Flex className="w-full flex-col items-center">
-      <PageMetadata
-        title={t(
-          "page-contributing-translation-program-contributors-meta-title"
-        )}
-        description={t(
-          "page-contributing-translation-program-contributors-meta-description"
-        )}
-      />
-
       <Content>
         <Breadcrumbs slug={pathname} className="mt-12" />
         <h1 className="my-8 leading-xs">