fix(pages,services): make thematics & topics pages usable again

When I refactored the fetchers and convertors in #f111685 I forgot to
convert WPThematicPreview and WPTopicPreview so the thematics and
topics pages was broken.
I also:
* removed the ToC added by error in #70b4f63
* fix heading styles
* fix website url in topics pages

10 files changed, 698 insertions, 13 deletions

diff --git a/src/services/graphql/helpers/convert-post-preview-to-article-preview.test.ts b/src/services/graphql/helpers/convert-post-preview-to-article-preview.test.ts
index c13684f..cb14fdb 100644
--- a/src/services/graphql/helpers/convert-post-preview-to-article-preview.test.ts
+++ b/src/services/graphql/helpers/convert-post-preview-to-article-preview.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from '@jest/globals';
 import type { WPPostPreview, WPThematicPreview } from '../../../types';
 import { convertPostPreviewToArticlePreview } from './convert-post-preview-to-article-preview';
-import { convertTaxonomyToPageLink } from './convert-taxonomy-to-page-link';
+import { convertWPThematicPreviewToPageLink } from './convert-taxonomy-to-page-link';
 import { convertWPImgToImg } from './convert-wp-image-to-img';
 
 describe('convert-post-preview-to-article-preview', () => {
@@ -124,7 +124,7 @@ describe('convert-post-preview-to-article-preview', () => {
     const result = convertPostPreviewToArticlePreview(post);
 
     expect(result.meta.thematics).toStrictEqual(
-      thematics.map(convertTaxonomyToPageLink)
+      thematics.map(convertWPThematicPreviewToPageLink)
     );
   });
 });
diff --git a/src/services/graphql/helpers/convert-post-preview-to-article-preview.ts b/src/services/graphql/helpers/convert-post-preview-to-article-preview.ts
index 78777eb..1998d79 100644
--- a/src/services/graphql/helpers/convert-post-preview-to-article-preview.ts
+++ b/src/services/graphql/helpers/convert-post-preview-to-article-preview.ts
@@ -1,5 +1,5 @@
 import type { ArticlePreview, WPPostPreview } from '../../../types';
-import { convertTaxonomyToPageLink } from './convert-taxonomy-to-page-link';
+import { convertWPThematicPreviewToPageLink } from './convert-taxonomy-to-page-link';
 import { convertWPImgToImg } from './convert-wp-image-to-img';
 
 export const convertPostPreviewToArticlePreview = ({
@@ -26,7 +26,7 @@ export const convertPostPreviewToArticlePreview = ({
       },
       thematics:
         acfPosts && 'postsInThematic' in acfPosts
-          ? acfPosts.postsInThematic?.map(convertTaxonomyToPageLink)
+          ? acfPosts.postsInThematic?.map(convertWPThematicPreviewToPageLink)
           : undefined,
       wordsCount: info.wordsCount,
     },
diff --git a/src/services/graphql/helpers/convert-post-to-article.ts b/src/services/graphql/helpers/convert-post-to-article.ts
index b540a77..383dc47 100644
--- a/src/services/graphql/helpers/convert-post-to-article.ts
+++ b/src/services/graphql/helpers/convert-post-to-article.ts
@@ -1,6 +1,9 @@
 import type { Article, WPPost } from '../../../types';
 import { updateContentTree } from '../../../utils/helpers';
-import { convertTaxonomyToPageLink } from './convert-taxonomy-to-page-link';
+import {
+  convertWPThematicPreviewToPageLink,
+  convertWPTopicPreviewToPageLink,
+} from './convert-taxonomy-to-page-link';
 import { convertWPImgToImg } from './convert-wp-image-to-img';
 
 export const convertPostToArticle = async ({
@@ -33,8 +36,10 @@ export const convertPostToArticle = async ({
         description: seo.metaDesc,
         title: seo.title,
       },
-      thematics: acfPosts?.postsInThematic?.map(convertTaxonomyToPageLink),
-      topics: acfPosts?.postsInTopic?.map(convertTaxonomyToPageLink),
+      thematics: acfPosts?.postsInThematic?.map(
+        convertWPThematicPreviewToPageLink
+      ),
+      topics: acfPosts?.postsInTopic?.map(convertWPTopicPreviewToPageLink),
       wordsCount: info.wordsCount,
     },
     slug,
diff --git a/src/services/graphql/helpers/convert-taxonomy-to-page-link.test.ts b/src/services/graphql/helpers/convert-taxonomy-to-page-link.test.ts
index b687ccb..54a62ad 100644
--- a/src/services/graphql/helpers/convert-taxonomy-to-page-link.test.ts
+++ b/src/services/graphql/helpers/convert-taxonomy-to-page-link.test.ts
@@ -1,6 +1,10 @@
 import { describe, expect, it } from '@jest/globals';
 import type { WPThematicPreview, WPTopicPreview } from '../../../types';
-import { convertTaxonomyToPageLink } from './convert-taxonomy-to-page-link';
+import { ROUTES } from '../../../utils/constants';
+import {
+  convertWPThematicPreviewToPageLink,
+  convertWPTopicPreviewToPageLink,
+} from './convert-taxonomy-to-page-link';
 
 describe('convert-taxonomy-to-page-link', () => {
   it('can convert a WPThematicPreview object to a Thematic object', () => {
@@ -9,12 +13,12 @@ describe('convert-taxonomy-to-page-link', () => {
       slug: '/the-thematic-slug',
       title: 'et ut alias',
     };
-    const result = convertTaxonomyToPageLink(thematic);
+    const result = convertWPThematicPreviewToPageLink(thematic);
 
     expect(result.id).toBe(thematic.databaseId);
     expect(result.logo).toBeUndefined();
     expect(result.name).toBe(thematic.title);
-    expect(result.url).toBe(thematic.slug);
+    expect(result.url).toBe(`${ROUTES.THEMATICS.INDEX}/${thematic.slug}`);
   });
 
   it('can convert a WPTopicPreview object to a Topic object', () => {
@@ -34,7 +38,7 @@ describe('convert-taxonomy-to-page-link', () => {
       slug: '/the-topic-slug',
       title: 'et ut alias',
     };
-    const result = convertTaxonomyToPageLink(topic);
+    const result = convertWPTopicPreviewToPageLink(topic);
 
     expect(result.id).toBe(topic.databaseId);
     expect(result.logo?.alt).toBe(topic.featuredImage?.node.altText);
@@ -47,6 +51,6 @@ describe('convert-taxonomy-to-page-link', () => {
       topic.featuredImage?.node.mediaDetails.width
     );
     expect(result.name).toBe(topic.title);
-    expect(result.url).toBe(topic.slug);
+    expect(result.url).toBe(`${ROUTES.TOPICS}/${topic.slug}`);
   });
 });
diff --git a/src/services/graphql/helpers/convert-taxonomy-to-page-link.ts b/src/services/graphql/helpers/convert-taxonomy-to-page-link.ts
index 2294fb7..9b42eea 100644
--- a/src/services/graphql/helpers/convert-taxonomy-to-page-link.ts
+++ b/src/services/graphql/helpers/convert-taxonomy-to-page-link.ts
@@ -3,9 +3,10 @@ import type {
   WPThematicPreview,
   WPTopicPreview,
 } from '../../../types';
+import { ROUTES } from '../../../utils/constants';
 import { convertWPImgToImg } from './convert-wp-image-to-img';
 
-export const convertTaxonomyToPageLink = ({
+const convertTaxonomyToPageLink = ({
   databaseId,
   slug,
   title,
@@ -21,3 +22,19 @@ export const convertTaxonomyToPageLink = ({
     url: slug,
   };
 };
+
+export const convertWPThematicPreviewToPageLink = (
+  thematic: WPThematicPreview
+): PageLink =>
+  convertTaxonomyToPageLink({
+    ...thematic,
+    slug: `${ROUTES.THEMATICS.INDEX}/${thematic.slug}`,
+  });
+
+export const convertWPTopicPreviewToPageLink = (
+  topic: WPTopicPreview
+): PageLink =>
+  convertTaxonomyToPageLink({
+    ...topic,
+    slug: `${ROUTES.TOPICS}/${topic.slug}`,
+  });
diff --git a/src/services/graphql/helpers/convert-wp-thematic-to-thematic.test.ts b/src/services/graphql/helpers/convert-wp-thematic-to-thematic.test.ts
new file mode 100644
index 0000000..e535a21
--- /dev/null
+++ b/src/services/graphql/helpers/convert-wp-thematic-to-thematic.test.ts
@@ -0,0 +1,261 @@
+import { describe, expect, it } from '@jest/globals';
+import type { WPThematic } from '../../../types';
+import { ROUTES } from '../../../utils/constants';
+import {
+  getUniquePageLinks,
+  sortPageLinksByName,
+} from '../../../utils/helpers';
+import { convertPostPreviewToArticlePreview } from './convert-post-preview-to-article-preview';
+import { convertWPTopicPreviewToPageLink } from './convert-taxonomy-to-page-link';
+import { convertWPThematicToThematic } from './convert-wp-thematic-to-thematic';
+
+describe('convert-wp-thematic-to-thematic', () => {
+  /* eslint-disable max-statements */
+  it('converts a WPThematic object to a Thematic object', () => {
+    const thematic = {
+      acfThematics: null,
+      contentParts: {
+        afterMore:
+          'Repellat eius adipisci et voluptate fugit enim aut aut recusandae. In sit quisquam est rerum molestiae quos quaerat repellat totam. Porro reiciendis sed adipisci dolore impedit et.',
+        beforeMore:
+          'Id maxime illo laborum laborum. Ab culpa voluptatem non qui provident adipisci corrupti eius. Delectus facere praesentium. Debitis recusandae nemo ut velit.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: null,
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Nemo illum veniam aliquam.',
+        title: 'qui id cupiditate',
+      },
+      slug: '/sequi-veritatis-earum',
+      title: 'sequi veritatis earum',
+    } satisfies WPThematic;
+    const result = convertWPThematicToThematic(thematic);
+
+    expect(result.content).toBe(thematic.contentParts.afterMore);
+    expect(result.intro).toBe(thematic.contentParts.beforeMore);
+    expect(result.meta.articles).toBeUndefined();
+    expect(result.meta.cover).toBeUndefined();
+    expect(result.meta.dates.publication).toBe(thematic.date);
+    expect(result.meta.dates.update).toBe(thematic.modified);
+    expect(result.meta.seo.description).toBe(thematic.seo.metaDesc);
+    expect(result.meta.seo.title).toBe(thematic.seo.title);
+    expect(result.meta.relatedTopics).toBeUndefined();
+    expect(result.slug).toBe(`${ROUTES.THEMATICS.INDEX}/${thematic.slug}`);
+    expect(result.title).toBe(thematic.title);
+  });
+  /* eslint-enable max-statements */
+
+  it('can convert the cover', () => {
+    const thematic = {
+      acfThematics: null,
+      contentParts: {
+        afterMore:
+          'Repellat eius adipisci et voluptate fugit enim aut aut recusandae. In sit quisquam est rerum molestiae quos quaerat repellat totam. Porro reiciendis sed adipisci dolore impedit et.',
+        beforeMore:
+          'Id maxime illo laborum laborum. Ab culpa voluptatem non qui provident adipisci corrupti eius. Delectus facere praesentium. Debitis recusandae nemo ut velit.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: {
+        node: {
+          altText: 'expedita commodi placeat',
+          mediaDetails: {
+            height: 480,
+            width: 640,
+          },
+          sourceUrl: 'https://picsum.photos/640/480',
+          title: 'et sint et',
+        },
+      },
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Nemo illum veniam aliquam.',
+        title: 'qui id cupiditate',
+      },
+      slug: '/sequi-veritatis-earum',
+      title: 'sequi veritatis earum',
+    } satisfies WPThematic;
+    const result = convertWPThematicToThematic(thematic);
+
+    expect(result.meta.cover?.alt).toBe(thematic.featuredImage.node.altText);
+    expect(result.meta.cover?.height).toBe(
+      thematic.featuredImage.node.mediaDetails.height
+    );
+    expect(result.meta.cover?.src).toBe(thematic.featuredImage.node.sourceUrl);
+    expect(result.meta.cover?.title).toBe(thematic.featuredImage.node.title);
+    expect(result.meta.cover?.width).toBe(
+      thematic.featuredImage.node.mediaDetails.width
+    );
+  });
+
+  it('can convert the articles', () => {
+    const thematic = {
+      acfThematics: {
+        postsInThematic: [
+          {
+            acfPosts: null,
+            commentCount: 2,
+            contentParts: {
+              beforeMore:
+                'Iste cupiditate natus esse ut et ut nihil excepturi. Blanditiis optio sit et velit vel nobis iste hic aspernatur. Labore doloremque facere nulla provident aspernatur qui incidunt.',
+            },
+            databaseId: 8,
+            date: '2023-09-20',
+            featuredImage: null,
+            info: {
+              wordsCount: 250,
+            },
+            modified: '2023-09-21',
+            slug: '/quam-voluptatem-quos',
+            title: 'quam voluptatem quos',
+          },
+          {
+            acfPosts: null,
+            commentCount: 7,
+            contentParts: {
+              beforeMore:
+                'Dolorum sit consectetur inventore exercitationem. Natus quam corporis ut aut rerum nemo architecto quia odit. Voluptate eos commodi voluptas totam dolorum.',
+            },
+            databaseId: 13,
+            date: '2023-10-12',
+            featuredImage: null,
+            info: {
+              wordsCount: 356,
+            },
+            modified: '2023-10-15',
+            slug: '/ipsa-dolorem-repellendus',
+            title: 'ipsa dolorem repellendus',
+          },
+        ],
+      },
+      contentParts: {
+        afterMore:
+          'Repellat eius adipisci et voluptate fugit enim aut aut recusandae. In sit quisquam est rerum molestiae quos quaerat repellat totam. Porro reiciendis sed adipisci dolore impedit et.',
+        beforeMore:
+          'Id maxime illo laborum laborum. Ab culpa voluptatem non qui provident adipisci corrupti eius. Delectus facere praesentium. Debitis recusandae nemo ut velit.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: null,
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Nemo illum veniam aliquam.',
+        title: 'qui id cupiditate',
+      },
+      slug: '/sequi-veritatis-earum',
+      title: 'sequi veritatis earum',
+    } satisfies WPThematic;
+    const result = convertWPThematicToThematic(thematic);
+
+    expect(result.meta.articles).toStrictEqual(
+      thematic.acfThematics.postsInThematic.map(
+        convertPostPreviewToArticlePreview
+      )
+    );
+  });
+
+  it('can retrieve the related topics from the articles', () => {
+    const thematic = {
+      acfThematics: {
+        postsInThematic: [
+          {
+            acfPosts: {
+              postsInTopic: [
+                {
+                  databaseId: 4,
+                  featuredImage: null,
+                  slug: '/voluptas-sit-ut',
+                  title: 'voluptas sit ut',
+                },
+                {
+                  databaseId: 9,
+                  featuredImage: null,
+                  slug: '/ex-omnis-voluptas',
+                  title: 'ex omnis voluptas',
+                },
+              ],
+            },
+            commentCount: 2,
+            contentParts: {
+              beforeMore:
+                'Iste cupiditate natus esse ut et ut nihil excepturi. Blanditiis optio sit et velit vel nobis iste hic aspernatur. Labore doloremque facere nulla provident aspernatur qui incidunt.',
+            },
+            databaseId: 8,
+            date: '2023-09-20',
+            featuredImage: null,
+            info: {
+              wordsCount: 250,
+            },
+            modified: '2023-09-21',
+            slug: '/quam-voluptatem-quos',
+            title: 'quam voluptatem quos',
+          },
+          {
+            acfPosts: {
+              postsInTopic: [
+                {
+                  databaseId: 9,
+                  featuredImage: null,
+                  slug: '/ex-omnis-voluptas',
+                  title: 'ex omnis voluptas',
+                },
+                {
+                  databaseId: 11,
+                  featuredImage: null,
+                  slug: '/dicta-quisquam-asperiores',
+                  title: 'dicta quisquam asperiores',
+                },
+                {
+                  databaseId: 22,
+                  featuredImage: null,
+                  slug: '/consectetur-laudantium-illum',
+                  title: 'consectetur laudantium illum',
+                },
+              ],
+            },
+            commentCount: 7,
+            contentParts: {
+              beforeMore:
+                'Dolorum sit consectetur inventore exercitationem. Natus quam corporis ut aut rerum nemo architecto quia odit. Voluptate eos commodi voluptas totam dolorum.',
+            },
+            databaseId: 13,
+            date: '2023-10-12',
+            featuredImage: null,
+            info: {
+              wordsCount: 356,
+            },
+            modified: '2023-10-15',
+            slug: '/ipsa-dolorem-repellendus',
+            title: 'ipsa dolorem repellendus',
+          },
+        ],
+      },
+      contentParts: {
+        afterMore:
+          'Repellat eius adipisci et voluptate fugit enim aut aut recusandae. In sit quisquam est rerum molestiae quos quaerat repellat totam. Porro reiciendis sed adipisci dolore impedit et.',
+        beforeMore:
+          'Id maxime illo laborum laborum. Ab culpa voluptatem non qui provident adipisci corrupti eius. Delectus facere praesentium. Debitis recusandae nemo ut velit.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: null,
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Nemo illum veniam aliquam.',
+        title: 'qui id cupiditate',
+      },
+      slug: '/sequi-veritatis-earum',
+      title: 'sequi veritatis earum',
+    } satisfies WPThematic;
+    const result = convertWPThematicToThematic(thematic);
+    const topics = thematic.acfThematics.postsInThematic.flatMap((post) =>
+      post.acfPosts.postsInTopic.map(convertWPTopicPreviewToPageLink)
+    );
+    const uniqueThematics =
+      getUniquePageLinks(topics).sort(sortPageLinksByName);
+
+    expect(result.meta.relatedTopics).toStrictEqual(uniqueThematics);
+  });
+});
diff --git a/src/services/graphql/helpers/convert-wp-thematic-to-thematic.ts b/src/services/graphql/helpers/convert-wp-thematic-to-thematic.ts
new file mode 100644
index 0000000..cabfa18
--- /dev/null
+++ b/src/services/graphql/helpers/convert-wp-thematic-to-thematic.ts
@@ -0,0 +1,60 @@
+import type {
+  PageLink,
+  Thematic,
+  WPPostPreview,
+  WPThematic,
+} from '../../../types';
+import { ROUTES } from '../../../utils/constants';
+import {
+  getUniquePageLinks,
+  sortPageLinksByName,
+} from '../../../utils/helpers';
+import { convertPostPreviewToArticlePreview } from './convert-post-preview-to-article-preview';
+import { convertWPTopicPreviewToPageLink } from './convert-taxonomy-to-page-link';
+import { convertWPImgToImg } from './convert-wp-image-to-img';
+
+const getRelatedTopicsFrom = (posts: WPPostPreview[]): PageLink[] => {
+  const topics: PageLink[] = [];
+
+  for (const post of posts) {
+    if (
+      post.acfPosts &&
+      'postsInTopic' in post.acfPosts &&
+      post.acfPosts.postsInTopic
+    ) {
+      topics.push(
+        ...post.acfPosts.postsInTopic.map(convertWPTopicPreviewToPageLink)
+      );
+    }
+  }
+
+  return getUniquePageLinks(topics).sort(sortPageLinksByName);
+};
+
+export const convertWPThematicToThematic = (thematic: WPThematic): Thematic => {
+  return {
+    content: thematic.contentParts.afterMore,
+    intro: thematic.contentParts.beforeMore,
+    meta: {
+      articles: thematic.acfThematics?.postsInThematic?.map(
+        convertPostPreviewToArticlePreview
+      ),
+      cover: thematic.featuredImage
+        ? convertWPImgToImg(thematic.featuredImage.node)
+        : undefined,
+      dates: {
+        publication: thematic.date,
+        update: thematic.modified,
+      },
+      seo: {
+        description: thematic.seo.metaDesc,
+        title: thematic.seo.title,
+      },
+      relatedTopics: thematic.acfThematics?.postsInThematic
+        ? getRelatedTopicsFrom(thematic.acfThematics.postsInThematic)
+        : undefined,
+    },
+    slug: `${ROUTES.THEMATICS.INDEX}/${thematic.slug}`,
+    title: thematic.title,
+  };
+};
diff --git a/src/services/graphql/helpers/convert-wp-topic-to-topic.test.ts b/src/services/graphql/helpers/convert-wp-topic-to-topic.test.ts
new file mode 100644
index 0000000..bfe2ba9
--- /dev/null
+++ b/src/services/graphql/helpers/convert-wp-topic-to-topic.test.ts
@@ -0,0 +1,280 @@
+import { describe, expect, it } from '@jest/globals';
+import type { WPTopic } from '../../../types';
+import { ROUTES } from '../../../utils/constants';
+import {
+  getUniquePageLinks,
+  sortPageLinksByName,
+} from '../../../utils/helpers';
+import { convertPostPreviewToArticlePreview } from './convert-post-preview-to-article-preview';
+import { convertWPThematicPreviewToPageLink } from './convert-taxonomy-to-page-link';
+import { convertWPTopicToTopic } from './convert-wp-topic-to-topic';
+
+describe('convert-wp-topic-to-topic', () => {
+  /* eslint-disable max-statements */
+  it('converts a WPTopic object to a Topic object', () => {
+    const topic = {
+      acfTopics: null,
+      contentParts: {
+        afterMore:
+          'Sit quam officia officia ea hic. Velit architecto dignissimos sint est rerum praesentium ad ut. Dicta eligendi tenetur iure quis consequatur alias sit est voluptatibus. Vel ullam hic. Assumenda nisi voluptatum est. Molestiae odit consequatur qui enim itaque.',
+        beforeMore:
+          'Aut aut ut. Et laboriosam et id expedita. Laudantium corporis placeat.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: null,
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Earum qui tenetur a.',
+        title: 'est eligendi placeat',
+      },
+      slug: '/debitis-nulla-sapiente',
+      title: 'debitis nulla sapiente',
+    } satisfies WPTopic;
+    const result = convertWPTopicToTopic(topic);
+
+    expect(result.content).toBe(topic.contentParts.afterMore);
+    expect(result.intro).toBe(topic.contentParts.beforeMore);
+    expect(result.meta.articles).toBeUndefined();
+    expect(result.meta.cover).toBeUndefined();
+    expect(result.meta.dates.publication).toBe(topic.date);
+    expect(result.meta.dates.update).toBe(topic.modified);
+    expect(result.meta.seo.description).toBe(topic.seo.metaDesc);
+    expect(result.meta.seo.title).toBe(topic.seo.title);
+    expect(result.meta.relatedThematics).toBeUndefined();
+    expect(result.meta.website).toBeUndefined();
+    expect(result.slug).toBe(`${ROUTES.TOPICS}/${topic.slug}`);
+    expect(result.title).toBe(topic.title);
+  });
+  /* eslint-enable max-statements */
+
+  it('can convert the cover', () => {
+    const topic = {
+      acfTopics: null,
+      contentParts: {
+        afterMore:
+          'Sit quam officia officia ea hic. Velit architecto dignissimos sint est rerum praesentium ad ut. Dicta eligendi tenetur iure quis consequatur alias sit est voluptatibus. Vel ullam hic. Assumenda nisi voluptatum est. Molestiae odit consequatur qui enim itaque.',
+        beforeMore:
+          'Aut aut ut. Et laboriosam et id expedita. Laudantium corporis placeat.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: {
+        node: {
+          altText: 'rem omnis nulla',
+          mediaDetails: {
+            height: 480,
+            width: 640,
+          },
+          sourceUrl: 'https://picsum.photos/640/480',
+          title: 'earum eos non',
+        },
+      },
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Earum qui tenetur a.',
+        title: 'est eligendi placeat',
+      },
+      slug: '/debitis-nulla-sapiente',
+      title: 'debitis nulla sapiente',
+    } satisfies WPTopic;
+    const result = convertWPTopicToTopic(topic);
+
+    expect(result.meta.cover?.alt).toBe(topic.featuredImage.node.altText);
+    expect(result.meta.cover?.height).toBe(
+      topic.featuredImage.node.mediaDetails.height
+    );
+    expect(result.meta.cover?.src).toBe(topic.featuredImage.node.sourceUrl);
+    expect(result.meta.cover?.title).toBe(topic.featuredImage.node.title);
+    expect(result.meta.cover?.width).toBe(
+      topic.featuredImage.node.mediaDetails.width
+    );
+  });
+
+  it('can retrieve the website', () => {
+    const topic = {
+      acfTopics: {
+        officialWebsite: 'https://example.test',
+        postsInTopic: null,
+      },
+      contentParts: {
+        afterMore:
+          'Sit quam officia officia ea hic. Velit architecto dignissimos sint est rerum praesentium ad ut. Dicta eligendi tenetur iure quis consequatur alias sit est voluptatibus. Vel ullam hic. Assumenda nisi voluptatum est. Molestiae odit consequatur qui enim itaque.',
+        beforeMore:
+          'Aut aut ut. Et laboriosam et id expedita. Laudantium corporis placeat.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: null,
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Earum qui tenetur a.',
+        title: 'est eligendi placeat',
+      },
+      slug: '/debitis-nulla-sapiente',
+      title: 'debitis nulla sapiente',
+    } satisfies WPTopic;
+    const result = convertWPTopicToTopic(topic);
+
+    expect(result.meta.website).toBe(topic.acfTopics.officialWebsite);
+  });
+
+  it('can convert the articles', () => {
+    const topic = {
+      acfTopics: {
+        officialWebsite: null,
+        postsInTopic: [
+          {
+            acfPosts: null,
+            commentCount: 4,
+            contentParts: {
+              beforeMore:
+                'Dolor cupiditate nisi sed qui numquam provident cumque et. Harum nihil soluta id pariatur possimus temporibus est eligendi ex. Culpa hic consequuntur expedita culpa alias voluptatem.',
+            },
+            databaseId: 2,
+            date: '2023-07-22',
+            featuredImage: null,
+            info: {
+              wordsCount: 412,
+            },
+            modified: '2023-07-23',
+            slug: '/qui-temporibus-velit',
+            title: 'qui temporibus velit',
+          },
+          {
+            acfPosts: null,
+            commentCount: 2,
+            contentParts: {
+              beforeMore:
+                'Quia quis dolorem. Nobis iusto nihil omnis omnis. Et qui cum porro omnis. Omnis tempore quis adipisci sapiente nisi quod tempore porro. Facere quia ad amet accusantium ipsam autem consequatur alias.',
+            },
+            databaseId: 6,
+            date: '2023-08-12',
+            featuredImage: null,
+            info: {
+              wordsCount: 365,
+            },
+            modified: '2023-08-12',
+            slug: '/dicta-esse-et',
+            title: 'dicta esse et',
+          },
+        ],
+      },
+      contentParts: {
+        afterMore:
+          'Sit quam officia officia ea hic. Velit architecto dignissimos sint est rerum praesentium ad ut. Dicta eligendi tenetur iure quis consequatur alias sit est voluptatibus. Vel ullam hic. Assumenda nisi voluptatum est. Molestiae odit consequatur qui enim itaque.',
+        beforeMore:
+          'Aut aut ut. Et laboriosam et id expedita. Laudantium corporis placeat.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: null,
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Earum qui tenetur a.',
+        title: 'est eligendi placeat',
+      },
+      slug: '/debitis-nulla-sapiente',
+      title: 'debitis nulla sapiente',
+    } satisfies WPTopic;
+    const result = convertWPTopicToTopic(topic);
+
+    expect(result.meta.articles).toStrictEqual(
+      topic.acfTopics.postsInTopic.map(convertPostPreviewToArticlePreview)
+    );
+  });
+
+  it('can retrieve the related thematics from the articles', () => {
+    const topic = {
+      acfTopics: {
+        officialWebsite: null,
+        postsInTopic: [
+          {
+            acfPosts: {
+              postsInThematic: [
+                {
+                  databaseId: 5,
+                  slug: '/consequatur-est-modi',
+                  title: 'consequatur est modi',
+                },
+                {
+                  databaseId: 15,
+                  slug: '/repudiandae-est-quia',
+                  title: 'repudiandae est quia',
+                },
+              ],
+            },
+            commentCount: 4,
+            contentParts: {
+              beforeMore:
+                'Dolor cupiditate nisi sed qui numquam provident cumque et. Harum nihil soluta id pariatur possimus temporibus est eligendi ex. Culpa hic consequuntur expedita culpa alias voluptatem.',
+            },
+            databaseId: 2,
+            date: '2023-07-22',
+            featuredImage: null,
+            info: {
+              wordsCount: 412,
+            },
+            modified: '2023-07-23',
+            slug: '/qui-temporibus-velit',
+            title: 'qui temporibus velit',
+          },
+          {
+            acfPosts: {
+              postsInThematic: [
+                {
+                  databaseId: 7,
+                  slug: '/similique-ea-natus',
+                  title: 'similique ea natus',
+                },
+                {
+                  databaseId: 15,
+                  slug: '/repudiandae-est-quia',
+                  title: 'repudiandae est quia',
+                },
+              ],
+            },
+            commentCount: 2,
+            contentParts: {
+              beforeMore:
+                'Quia quis dolorem. Nobis iusto nihil omnis omnis. Et qui cum porro omnis. Omnis tempore quis adipisci sapiente nisi quod tempore porro. Facere quia ad amet accusantium ipsam autem consequatur alias.',
+            },
+            databaseId: 6,
+            date: '2023-08-12',
+            featuredImage: null,
+            info: {
+              wordsCount: 365,
+            },
+            modified: '2023-08-12',
+            slug: '/dicta-esse-et',
+            title: 'dicta esse et',
+          },
+        ],
+      },
+      contentParts: {
+        afterMore:
+          'Sit quam officia officia ea hic. Velit architecto dignissimos sint est rerum praesentium ad ut. Dicta eligendi tenetur iure quis consequatur alias sit est voluptatibus. Vel ullam hic. Assumenda nisi voluptatum est. Molestiae odit consequatur qui enim itaque.',
+        beforeMore:
+          'Aut aut ut. Et laboriosam et id expedita. Laudantium corporis placeat.',
+      },
+      databaseId: 1,
+      date: '2023-11-27',
+      featuredImage: null,
+      modified: '2023-11-27',
+      seo: {
+        metaDesc: 'Earum qui tenetur a.',
+        title: 'est eligendi placeat',
+      },
+      slug: '/debitis-nulla-sapiente',
+      title: 'debitis nulla sapiente',
+    } satisfies WPTopic;
+    const result = convertWPTopicToTopic(topic);
+    const thematics = topic.acfTopics.postsInTopic.flatMap((post) =>
+      post.acfPosts.postsInThematic.map(convertWPThematicPreviewToPageLink)
+    );
+    const uniqueThematics =
+      getUniquePageLinks(thematics).sort(sortPageLinksByName);
+
+    expect(result.meta.relatedThematics).toStrictEqual(uniqueThematics);
+  });
+});
diff --git a/src/services/graphql/helpers/convert-wp-topic-to-topic.ts b/src/services/graphql/helpers/convert-wp-topic-to-topic.ts
new file mode 100644
index 0000000..b0136c7
--- /dev/null
+++ b/src/services/graphql/helpers/convert-wp-topic-to-topic.ts
@@ -0,0 +1,56 @@
+import type { PageLink, Topic, WPPostPreview, WPTopic } from '../../../types';
+import { ROUTES } from '../../../utils/constants';
+import {
+  getUniquePageLinks,
+  sortPageLinksByName,
+} from '../../../utils/helpers';
+import { convertPostPreviewToArticlePreview } from './convert-post-preview-to-article-preview';
+import { convertWPThematicPreviewToPageLink } from './convert-taxonomy-to-page-link';
+import { convertWPImgToImg } from './convert-wp-image-to-img';
+
+const getRelatedThematicsFrom = (posts: WPPostPreview[]): PageLink[] => {
+  const thematics: PageLink[] = [];
+
+  for (const post of posts) {
+    if (
+      post.acfPosts &&
+      'postsInThematic' in post.acfPosts &&
+      post.acfPosts.postsInThematic
+    ) {
+      thematics.push(
+        ...post.acfPosts.postsInThematic.map(convertWPThematicPreviewToPageLink)
+      );
+    }
+  }
+
+  return getUniquePageLinks(thematics).sort(sortPageLinksByName);
+};
+
+export const convertWPTopicToTopic = (topic: WPTopic): Topic => {
+  return {
+    content: topic.contentParts.afterMore,
+    intro: topic.contentParts.beforeMore,
+    meta: {
+      articles: topic.acfTopics?.postsInTopic?.map(
+        convertPostPreviewToArticlePreview
+      ),
+      cover: topic.featuredImage
+        ? convertWPImgToImg(topic.featuredImage.node)
+        : undefined,
+      dates: {
+        publication: topic.date,
+        update: topic.modified,
+      },
+      seo: {
+        description: topic.seo.metaDesc,
+        title: topic.seo.title,
+      },
+      relatedThematics: topic.acfTopics?.postsInTopic
+        ? getRelatedThematicsFrom(topic.acfTopics.postsInTopic)
+        : undefined,
+      website: topic.acfTopics?.officialWebsite ?? undefined,
+    },
+    slug: `${ROUTES.TOPICS}/${topic.slug}`,
+    title: topic.title,
+  };
+};
diff --git a/src/services/graphql/helpers/index.ts b/src/services/graphql/helpers/index.ts
index 16e93d2..9dae107 100644
--- a/src/services/graphql/helpers/index.ts
+++ b/src/services/graphql/helpers/index.ts
@@ -5,3 +5,5 @@ export * from './convert-recent-post-to-recent-article';
 export * from './convert-taxonomy-to-page-link';
 export * from './convert-wp-comment-to-comment';
 export * from './convert-wp-image-to-img';
+export * from './convert-wp-thematic-to-thematic';
+export * from './convert-wp-topic-to-topic';