From e3bf993af553443810f03f1f6fbfde36b9800f86 Mon Sep 17 00:00:00 2001
From: Pedro Martin <pataruco@gmail.com>
Date: Wed, 22 Jan 2025 15:56:22 +0000
Subject: [PATCH] feat: add schema.org metadata to publications page

---
 .../src/app/[lang]/publications/page-body.tsx | 27 ++++++++++++++----
 website/src/app/[lang]/publications/page.tsx  | 28 +++++--------------
 .../app/[lang]/register-a-patient/page.tsx    |  1 +
 website/src/models/metadata/index.ts          |  1 +
 4 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/website/src/app/[lang]/publications/page-body.tsx b/website/src/app/[lang]/publications/page-body.tsx
index 173e7a9..edd7895 100644
--- a/website/src/app/[lang]/publications/page-body.tsx
+++ b/website/src/app/[lang]/publications/page-body.tsx
@@ -17,6 +17,7 @@ import {
   patientResearchContentId,
 } from '@models/paragraphs';
 import { createHashLink } from '@shared/utils/hash-links';
+import type { ScholarlyArticle, WithContext } from 'schema-dts';
 
 interface RegisterPageBodyProps {
   lang: AvailableLocale;
@@ -95,11 +96,27 @@ const PublicationsByYear: React.FC<PublicationsByYearProps> = ({
     <div className={styles['publications__by-year']} key={crypto.randomUUID()}>
       <h3>{year}</h3>
       <ul>
-        {publications.map(({ title, link }) => (
-          <li key={crypto.randomUUID()}>
-            <a href={link}>{title}</a>
-          </li>
-        ))}
+        {publications.map(({ title, link }) => {
+          const scholaryArticle: WithContext<ScholarlyArticle> = {
+            '@context': 'https://schema.org',
+            '@type': 'ScholarlyArticle',
+            name: title,
+            url: link,
+          };
+
+          return (
+            <li key={crypto.randomUUID()}>
+              <script
+                type="application/ld+json"
+                // biome-ignore lint/security/noDangerouslySetInnerHtml: this is a safe usage
+                dangerouslySetInnerHTML={{
+                  __html: JSON.stringify(scholaryArticle),
+                }}
+              />
+              <a href={link}>{title}</a>
+            </li>
+          );
+        })}
       </ul>
     </div>
   ));
diff --git a/website/src/app/[lang]/publications/page.tsx b/website/src/app/[lang]/publications/page.tsx
index 2232276..6905891 100644
--- a/website/src/app/[lang]/publications/page.tsx
+++ b/website/src/app/[lang]/publications/page.tsx
@@ -4,10 +4,10 @@ import {
   GetMetadataDocument,
   type GetMetadataQuery,
 } from '@graphql/queries/metadata/index.generated';
-import { registerPatientPageMetadataId } from '@models/metadata';
+import { publicationsPageMetadataId } from '@models/metadata';
 import type { PagePropsWithLocale } from '@shared/types/page-with-locale-params';
 import type { Metadata, NextPage } from 'next';
-import type { Graph, MedicalStudy, WebPage, WithContext } from 'schema-dts';
+import type { Graph, WebPage, WithContext } from 'schema-dts';
 import RegisterPageBody from './page-body';
 import PublicationsPageHeader from './page-header';
 
@@ -26,36 +26,22 @@ const Page: NextPage<PagePropsWithLocale> = async ({ params }) => {
     query: GetMetadataDocument,
     variables: {
       locale: lang,
-      id: registerPatientPageMetadataId,
+      id: publicationsPageMetadataId,
     },
   });
 
-  const medicalStudy: WithContext<MedicalStudy> = {
-    '@context': 'https://schema.org',
-    '@type': 'MedicalStudy',
-    name: title,
-    description,
-    potentialAction: [
-      {
-        '@type': 'RegisterAction',
-        target: `https://nr2f1.org/${lang}/register-patient`,
-        name: title,
-      },
-    ],
-  };
-
-  // TODO: Change schema
   const webPage: WithContext<WebPage> = {
     '@context': 'https://schema.org',
     '@type': 'WebPage',
-    url: `https://nr2f1.org/${lang}/register-a-patient`,
+    url: `https://nr2f1.org/${lang}/publications`,
     name: title,
+    description,
     inLanguage: lang,
   };
 
   const jsonLd: Graph = {
     '@context': 'https://schema.org',
-    '@graph': [medicalStudy, webPage],
+    '@graph': [webPage],
   };
 
   return (
@@ -90,7 +76,7 @@ export async function generateMetadata({
     query: GetMetadataDocument,
     variables: {
       locale: lang,
-      id: registerPatientPageMetadataId,
+      id: publicationsPageMetadataId,
     },
   });
 
diff --git a/website/src/app/[lang]/register-a-patient/page.tsx b/website/src/app/[lang]/register-a-patient/page.tsx
index 087290c..663ea29 100644
--- a/website/src/app/[lang]/register-a-patient/page.tsx
+++ b/website/src/app/[lang]/register-a-patient/page.tsx
@@ -48,6 +48,7 @@ const Page: NextPage<PagePropsWithLocale> = async ({ params }) => {
     '@type': 'WebPage',
     url: `https://nr2f1.org/${lang}/register-a-patient`,
     name: title,
+    description,
     inLanguage: lang,
   };
 
diff --git a/website/src/models/metadata/index.ts b/website/src/models/metadata/index.ts
index d12bd89..36d3c1c 100644
--- a/website/src/models/metadata/index.ts
+++ b/website/src/models/metadata/index.ts
@@ -1,2 +1,3 @@
 export const homepageMetadataId = '4CqS9EKVc0euRhzQasESTR';
 export const registerPatientPageMetadataId = 'EolZvaSlFMYGxwOjeHC0u';
+export const publicationsPageMetadataId = '5sw3wnid1UWXJcg7SprVK8';