feat: link topics page; topics index page ATI analytics

Author: LukasFrm

src/app/lib/config/fixtures/types/index.ts

@@ -1,5 +1,6 @@
 import { Summary } from '#app/models/types/curationData';
 import { Services } from '#app/models/types/global';
+import { ATIData } from '#app/components/ATIAnalytics/types';
 
 export type Topic = {
   topicName: string;
@@ -18,6 +19,7 @@ export type PageData = {
   totalItems: number;
   metadata: {
     type: string;
+    atiAnalytics: ATIData;
   };
 };
 

src/app/lib/config/services/hausa.ts

@@ -469,6 +469,10 @@ export const service: DefaultServiceConfig = {
         title: 'Shirye-shiryen rediyo',
         url: '/hausa/topics/c4nx34q5724t',
       },
+      {
+        title: 'Batutuwa',
+        url: '/hausa/topics',
+      },
     ],
   },
 };

ws-nextjs-app/pages/[service]/topics/TopicsIndexPage.tsx

@@ -3,6 +3,7 @@ import Pagination from '#app/components/Pagination';
 import { ServiceContext } from '#app/contexts/ServiceContext';
 import { useContext } from 'react';
 import MetadataContainer from '#app/components/Metadata';
+import ATIAnalytics from '#app/components/ATIAnalytics';
 import { TopicsPageProps } from '#app/lib/config/fixtures/types';
 import styles from './index.styles';
 
@@ -14,7 +15,8 @@ const TopicsPage = ({
   safeActivePage,
 }: TopicsPageProps) => {
   const { translations, lang } = useContext(ServiceContext);
-  const { summaries, headline } = pageData || {};
+  const { summaries, headline, metadata } = pageData || {};
+  const { atiAnalytics } = metadata;
 
   const {
     pageXOfY,
@@ -38,6 +40,7 @@ const TopicsPage = ({
 
   return (
     <main css={styles.container}>
+      <ATIAnalytics atiData={atiAnalytics} />
       <MetadataContainer
         title={metadataTitle}
         openGraphType="website"

ws-nextjs-app/pages/[service]/topics/index.page.tsx

@@ -73,6 +73,18 @@ export const getServerSideProps: GetServerSideProps = async context => {
           totalItems,
           metadata: {
             type: TOPIC_PAGE,
+            analytics: {
+              name: 'hausa.topics.page',
+              producer: 'HAUSA',
+            },
+            atiAnalytics: {
+              name: 'hausa-topics-index',
+              type: 'index-category',
+              contentId: 'urn:bbc:tipo:topic:hausa-topics-index',
+              contentType: 'index-category',
+              pageIdentifier: 'hausa.topics.index.page',
+              pageTitle: 'Batutuwa',
+            },
           },
         },
       },