lightnet 3.4.6 → 3.6.0

package/src/content/content-schema.ts

@@ -3,7 +3,7 @@ import { z } from "astro/zod"
 import type { SchemaContext } from "astro:content"
 import { defineCollection, reference } from "astro:content"
 
-import { astroImage } from "./astro-image"
+import { astroImage, imageSchema } from "./astro-image"
 
 /**
  * Category Schema
@@ -18,6 +18,16 @@ export const categorySchema = z.object({
    * @example "category.biography"
    */
   label: z.string(),
+
+  /* Relative path to the thumbnail image of this category.
+   *
+   * The image is expected to be inside the `images` folder next to category definition json.
+   * It can have one of these file types: png, jpg, tiff, webp, gif, svg, avif.
+   * We suggest to give it a size of at least 1000px for it's longer side.
+   *
+   * @example "./images/devotionals.jpg"
+   */
+  image: imageSchema.optional(),
 })
 
 /**
@@ -117,12 +127,12 @@ export const mediaItemSchema = z.object({
    *
    * The image is expected to be inside the `images` folder next to the media item definition json.
    * This image will be used for previews and on the media item detail page.
-   * It can have on of this file types: png, jpg, tiff, webp, gif, svg, avif.
+   * It can have one of these file types: png, jpg, tiff, webp, gif, svg, avif.
    * We suggest to give it a size of at least 1000px for it's longer side.
    *
    * @example "./images/a-book-about-love--en.jpg"
    */
-  image: z.string(),
+  image: imageSchema,
   /**
    * List of objects defining the content of this media item.
    */
@@ -160,11 +170,16 @@ export const mediaItemSchema = z.object({
  * @param schemaContext that is passed by astro's defineCollection schema.
  * @returns schema with image mixed in.
  */
-export const mediaSchema = ({ image }: SchemaContext) =>
+export const createMediaItemSchema = ({ image }: SchemaContext) =>
   mediaItemSchema.extend({
     image: astroImage(image),
   })
 
+export const createCategorySchema = ({ image }: SchemaContext) =>
+  categorySchema.extend({
+    image: astroImage(image).optional(),
+  })
+
 /**
  * Media Type Schema
  */
@@ -246,7 +261,7 @@ export const mediaTypeSchema = z.object({
 export const LIGHTNET_COLLECTIONS = {
   categories: defineCollection({
     loader: glob({ pattern: "*.json", base: "./src/content/categories" }),
-    schema: categorySchema,
+    schema: createCategorySchema,
   }),
   "media-collections": defineCollection({
     loader: glob({
@@ -260,7 +275,7 @@ export const LIGHTNET_COLLECTIONS = {
       pattern: "*.json",
       base: "./src/content/media",
     }),
-    schema: mediaSchema,
+    schema: createMediaItemSchema,
   }),
   "media-types": defineCollection({
     loader: glob({
@@ -270,3 +285,20 @@ export const LIGHTNET_COLLECTIONS = {
     schema: mediaTypeSchema,
   }),
 }
+
+export const mediaItemEntrySchema = z.object({
+  id: z.string(),
+  data: mediaItemSchema,
+})
+
+export type MediaItemEntry = z.infer<typeof mediaItemEntrySchema>
+
+export const mediaTypeEntrySchema = z.object({
+  id: z.string(),
+  data: mediaTypeSchema,
+})
+
+export const categoryEntrySchema = z.object({
+  id: z.string(),
+  data: categorySchema,
+})

package/src/content/get-categories.ts

@@ -1,15 +1,73 @@
+import { AstroError } from "astro/errors"
+import { getCollection } from "astro:content"
+
 import { type TranslateFn } from "../i18n/translate"
+import { verifySchemaAsync } from "../utils/verify-schema"
+import { categoryEntrySchema } from "./content-schema"
 import { getMediaItems } from "./get-media-items"
-import { resolveCategoryLabel } from "./resolve-category-label"
 
-const contentCategories = new Set<string>(
+const categoriesById = Object.fromEntries(
+  (await loadCategories()).map(({ id, data }) => [id, data]),
+)
+
+const contentCategories = Object.fromEntries(
   (await getMediaItems())
     .flatMap((item) => item.data.categories ?? [])
-    .map((c) => c.id),
+    .map((c) => {
+      const category = categoriesById[c.id]
+      if (!category) {
+        throw new AstroError(
+          "Missing Category",
+          `A media item references a non-existent category: "${c.id}".\n` +
+            `To fix this, create a category file at:\n` +
+            `src/content/categories/${c.id}.json`,
+        )
+      }
+      return [c.id, category]
+    }),
 )
 
-export async function getCategories(currentLocale: string, t: TranslateFn) {
-  return [...contentCategories.values()]
-    .map((id) => ({ id, name: resolveCategoryLabel(t, id) }))
+/**
+ * Get categories that are referenced from media items.
+ * Adds the translated name of the category and sorts by this name.
+ *
+ * @param currentLocale current locale
+ * @param t translate function
+ * @returns categories sorted by name
+ */
+export async function getUsedCategories(currentLocale: string, t: TranslateFn) {
+  return [...Object.entries(contentCategories)]
+    .map(([id, data]) => ({ id, ...data, name: t(data.label) }))
     .sort((a, b) => a.name.localeCompare(b.name, currentLocale))
 }
+
+export async function getCategory(id: string) {
+  const category = categoriesById[id]
+  if (!category) {
+    throw new AstroError(
+      `Missing category "${id}"`,
+      `To fix the issue, add a category at "src/content/categories/${id}.json".`,
+    )
+  }
+  return {
+    id,
+    ...category,
+  }
+}
+
+async function loadCategories() {
+  return Promise.all(
+    (await getCollection("categories")).map((category: unknown) =>
+      parseCategory(category),
+    ),
+  )
+}
+
+function parseCategory(item: unknown) {
+  return verifySchemaAsync(
+    categoryEntrySchema,
+    item,
+    (id) => `Invalid category: ${id}`,
+    (id) => `Fix these issues inside "src/content/category/${id}.json":`,
+  )
+}

package/src/content/get-media-items.ts

@@ -1,7 +1,7 @@
 import { getCollection, getEntry } from "astro:content"
 
 import { verifySchemaAsync } from "../utils/verify-schema"
-import { mediaItemEntrySchema } from "./content-schema-internal"
+import { mediaItemEntrySchema } from "./content-schema"
 
 /**
  * Internal API to get media items. Since this package is a Astro integration

package/src/content/get-media-types.ts

@@ -1,7 +1,7 @@
 import { getCollection, getEntry } from "astro:content"
 
 import { verifySchema } from "../utils/verify-schema"
-import { mediaTypeEntrySchema } from "./content-schema-internal"
+import { mediaTypeEntrySchema } from "./content-schema"
 
 export const getMediaType = async (id: string) => {
   return verifySchema(

package/src/content/query-media-items.ts

@@ -1,5 +1,5 @@
 import { compareMediaCollectionItems } from "./compare-media-collection-items"
-import type { MediaItemEntry } from "./content-schema-internal"
+import type { MediaItemEntry } from "./content-schema"
 
 export type MediaItemQuery<TMediaItem extends MediaItemEntry> = {
   /**

package/src/i18n/translations/TRANSLATION-STATUS.md

@@ -1,6 +1,14 @@
 # Translation status
 
-This report provides an overview of all built-in languages and the current progress of their translations.
+This autogenerated report shows all built-in languages and the current status of their translations.
+
+## **AR** ([ar.yml](./ar.yml))
+
+All keys have been translated. ✅
+
+## **BN** ([bn.yml](./bn.yml))
+
+All keys have been translated. ✅
 
 ## **DE** ([de.yml](./de.yml))
 
@@ -10,6 +18,26 @@ All keys have been translated. ✅
 
 All keys have been translated. ✅
 
+## **ES** ([es.yml](./es.yml))
+
+All keys have been translated. ✅
+
+## **FI** ([fi.yml](./fi.yml))
+
+All keys have been translated. ✅
+
+## **FR** ([fr.yml](./fr.yml))
+
+All keys have been translated. ✅
+
+## **HI** ([hi.yml](./hi.yml))
+
+All keys have been translated. ✅
+
+## **PT** ([pt.yml](./pt.yml))
+
+All keys have been translated. ✅
+
 ## **RU** ([ru.yml](./ru.yml))
 
 All keys have been translated. ✅
@@ -17,3 +45,7 @@ All keys have been translated. ✅
 ## **UK** ([uk.yml](./uk.yml))
 
 All keys have been translated. ✅
+
+## **ZH** ([zh.yml](./zh.yml))
+
+All keys have been translated. ✅

package/src/i18n/translations/ar.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: افتح القائمة الرئيسية
+ln.header.select-language: اختر اللغة
+ln.home.title: الصفحة الرئيسية
+ln.category: الفئة
+ln.categories: الفئات
+ln.language: اللغة
+ln.languages: اللغات
+ln.type: النوع
+ln.external-link: رابط خارجي
+ln.search.title: بحث
+ln.search.placeholder: ابحث في الوسائط
+ln.search.all-languages: جميع اللغات
+ln.search.all-types: جميع الأنواع
+ln.search.all-categories: جميع الفئات
+ln.search.no-results: لا توجد نتائج
+ln.details.open: فتح
+ln.details.share: مشاركة
+ln.details.part-of-collection: جزء من مجموعة
+ln.details.download: تنزيل
+ln.share.url-copied-to-clipboard: تم نسخ الرابط إلى الحافظة
+ln.404.page-not-found: الصفحة غير موجودة
+ln.404.go-to-the-home-page: العودة إلى الصفحة الرئيسية

package/src/i18n/translations/bn.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: প্রধান মেনু খুলুন
+ln.header.select-language: ভাষা নির্বাচন করুন
+ln.home.title: হোম
+ln.category: বিভাগ
+ln.categories: বিভাগসমূহ
+ln.language: ভাষা
+ln.languages: ভাষাসমূহ
+ln.type: ধরন
+ln.external-link: বহিরাগত লিঙ্ক
+ln.search.title: অনুসন্ধান
+ln.search.placeholder: মিডিয়া অনুসন্ধান করুন
+ln.search.all-languages: সকল ভাষা
+ln.search.all-types: সকল ধরন
+ln.search.all-categories: সকল বিভাগ
+ln.search.no-results: কোনো ফলাফল নেই
+ln.details.open: খুলুন
+ln.details.share: শেয়ার করুন
+ln.details.part-of-collection: সংগ্রহের অংশ
+ln.details.download: ডাউনলোড করুন
+ln.share.url-copied-to-clipboard: লিঙ্ক ক্লিপবোর্ডে কপি হয়েছে
+ln.404.page-not-found: পৃষ্ঠা পাওয়া যায়নি
+ln.404.go-to-the-home-page: হোম পৃষ্ঠায় যান

package/src/i18n/translations/de.yml

@@ -16,8 +16,7 @@ ln.home.title: Startseite
 ln.search.all-categories: Alle Kategorien
 ln.search.all-languages: Alle Sprachen
 ln.search.all-types: Alle Typen
-ln.search.more-results: Mehr Ergebnisse
 ln.search.no-results: Keine Ergebnisse
-ln.search.placeholder: Suche in Titel, Autor, Beschreibung...
+ln.search.placeholder: Suche Medien
 ln.search.title: Suche
 ln.share.url-copied-to-clipboard: Link in die Zwischenablage kopiert

package/src/i18n/translations/en.yml

@@ -61,11 +61,11 @@ ln.external-link: External link
 # Used on: https://sk8-ministries.pages.dev/en/media/ (not visible)
 ln.search.title: Search
 
-# Placeholder text for the main search box.
-# English: Search by title, author or description...
+# Placeholder text for the search input to search for media items.
+# English: Search media
 #
 # Used on: https://sk8-ministries.pages.dev/en/media/
-ln.search.placeholder: Search by title, author or description...
+ln.search.placeholder: Search media
 
 # Filter option to display content in all languages.
 #
@@ -85,11 +85,6 @@ ln.search.all-types: All types
 # Used on: https://sk8-ministries.pages.dev/en/media/
 ln.search.all-categories: All categories
 
-# Button label to load more search results.
-#
-# English: More results
-ln.search.more-results: More results
-
 # Message displayed when no search results are found.
 #
 # English: No results

package/src/i18n/translations/es.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: Abrir menú principal
+ln.header.select-language: Seleccionar idioma
+ln.home.title: Inicio
+ln.category: Categoría
+ln.categories: Categorías
+ln.language: Idioma
+ln.languages: Idiomas
+ln.type: Tipo
+ln.external-link: Enlace externo
+ln.search.title: Buscar
+ln.search.placeholder: Buscar medios
+ln.search.all-languages: Todos los idiomas
+ln.search.all-types: Todos los tipos
+ln.search.all-categories: Todas las categorías
+ln.search.no-results: Sin resultados
+ln.details.open: Abrir
+ln.details.share: Compartir
+ln.details.part-of-collection: Parte de la colección
+ln.details.download: Descargar
+ln.share.url-copied-to-clipboard: Enlace copiado al portapapeles
+ln.404.page-not-found: Página no encontrada
+ln.404.go-to-the-home-page: Ir a la página de inicio

package/src/i18n/translations/fi.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: Avaa päävalikko
+ln.header.select-language: Valitse kieli
+ln.home.title: Etusivu
+ln.category: Kategoria
+ln.categories: Kategoriat
+ln.language: Kieli
+ln.languages: Kielet
+ln.type: Mediatyyppi
+ln.external-link: Ulkoinen linkki
+ln.search.title: Haku
+ln.search.placeholder: Hae mediaa
+ln.search.all-languages: Kaikki kielet
+ln.search.all-types: Kaikki mediatyypit
+ln.search.all-categories: Kaikki kategoriat
+ln.search.no-results: Ei tuloksia
+ln.details.open: Avaa
+ln.details.share: Jaa
+ln.details.part-of-collection: Osa kokoelmaa
+ln.details.download: Lataa
+ln.share.url-copied-to-clipboard: Linkki kopioitu leikepöydälle
+ln.404.page-not-found: Sivua ei löytynyt
+ln.404.go-to-the-home-page: Palaa etusivulle

package/src/i18n/translations/fr.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: Ouvrir le menu principal
+ln.header.select-language: Sélectionner la langue
+ln.home.title: Accueil
+ln.category: Catégorie
+ln.categories: Catégories
+ln.language: Langue
+ln.languages: Langues
+ln.type: Type
+ln.external-link: Lien externe
+ln.search.title: Recherche
+ln.search.placeholder: Rechercher des médias
+ln.search.all-languages: Toutes les langues
+ln.search.all-types: Tous les types
+ln.search.all-categories: Toutes les catégories
+ln.search.no-results: Aucun résultat
+ln.details.open: Ouvrir
+ln.details.share: Partager
+ln.details.part-of-collection: Fait partie de la collection
+ln.details.download: Télécharger
+ln.share.url-copied-to-clipboard: Lien copié dans le presse-papiers
+ln.404.page-not-found: Page non trouvée
+ln.404.go-to-the-home-page: Aller à la page d’accueil

package/src/i18n/translations/hi.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: मुख्य मेनू खोलें
+ln.header.select-language: भाषा चुनें
+ln.home.title: मुखपृष्ठ
+ln.category: श्रेणी
+ln.categories: श्रेणियाँ
+ln.language: भाषा
+ln.languages: भाषाएँ
+ln.type: प्रकार
+ln.external-link: बाहरी लिंक
+ln.search.title: खोज
+ln.search.placeholder: मीडिया खोजें
+ln.search.all-languages: सभी भाषाएँ
+ln.search.all-types: सभी प्रकार
+ln.search.all-categories: सभी श्रेणियाँ
+ln.search.no-results: कोई परिणाम नहीं मिला
+ln.details.open: खोलें
+ln.details.share: साझा करें
+ln.details.part-of-collection: संग्रह का भाग
+ln.details.download: डाउनलोड करें
+ln.share.url-copied-to-clipboard: लिंक क्लिपबोर्ड पर कॉपी हो गया है
+ln.404.page-not-found: पृष्ठ नहीं मिला
+ln.404.go-to-the-home-page: मुखपृष्ठ पर जाएँ

package/src/i18n/translations/pt.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: Abrir menu principal
+ln.header.select-language: Escolher idioma
+ln.home.title: Início
+ln.category: Categoria
+ln.categories: Categorias
+ln.language: Idioma
+ln.languages: Idiomas
+ln.type: Tipo
+ln.external-link: Ligação externa
+ln.search.title: Pesquisa
+ln.search.placeholder: Pesquisar conteúdos
+ln.search.all-languages: Todos os idiomas
+ln.search.all-types: Todos os tipos
+ln.search.all-categories: Todas as categorias
+ln.search.no-results: Nenhum resultado
+ln.details.open: Abrir
+ln.details.share: Partilhar
+ln.details.part-of-collection: Parte da coleção
+ln.details.download: Transferir
+ln.share.url-copied-to-clipboard: Ligação copiada para a área de transferência
+ln.404.page-not-found: Página não encontrada
+ln.404.go-to-the-home-page: Ir para a página inicial

package/src/i18n/translations/ru.yml

@@ -8,11 +8,10 @@ ln.languages: Языки
 ln.type: Тип
 ln.external-link: Внешняя ссылка
 ln.search.title: Поиск
-ln.search.placeholder: Поиск по названию, автору, описанию...
+ln.search.placeholder: Поиск медиа
 ln.search.all-languages: Все языки
 ln.search.all-types: Все типы
 ln.search.all-categories: Все категории
-ln.search.more-results: Больше результатов
 ln.search.no-results: Нет результатов
 ln.details.open: Открыть
 ln.details.share: Поделиться

package/src/i18n/translations/uk.yml

@@ -8,11 +8,10 @@ ln.languages: Мови
 ln.type: Тип
 ln.external-link: Зовнішнє посилання
 ln.search.title: Пошук
-ln.search.placeholder: Пошук за назвою, автором, описом...
+ln.search.placeholder: Пошук медіа
 ln.search.all-languages: Усі мови
 ln.search.all-types: Усі типи
 ln.search.all-categories: Усі категорії
-ln.search.more-results: Більше результатів
 ln.search.no-results: Немає результатів
 ln.details.open: Відкрити
 ln.details.share: Поділитися

package/src/i18n/translations/zh.yml

@@ -0,0 +1,22 @@
+ln.header.open-main-menu: 打开主菜单
+ln.header.select-language: 选择语言
+ln.home.title: 首页
+ln.category: 分类
+ln.categories: 分类
+ln.language: 语言
+ln.languages: 语言
+ln.type: 类型
+ln.external-link: 外部链接
+ln.search.title: 搜索
+ln.search.placeholder: 搜索媒体…
+ln.search.all-languages: 所有语言
+ln.search.all-types: 所有类型
+ln.search.all-categories: 所有分类
+ln.search.no-results: 没有结果
+ln.details.open: 打开
+ln.details.share: 分享
+ln.details.part-of-collection: 属于一个合集
+ln.details.download: 下载
+ln.share.url-copied-to-clipboard: 链接已复制到剪贴板
+ln.404.page-not-found: 页面未找到
+ln.404.go-to-the-home-page: 返回首页

package/src/i18n/translations.ts

@@ -1,10 +1,18 @@
 import YAML from "yaml"
 
 const builtInTranslations = {
-  en: () => import("./translations/en.yml?raw"),
+  ar: () => import("./translations/ar.yml?raw"),
+  bn: () => import("./translations/bn.yml?raw"),
   de: () => import("./translations/de.yml?raw"),
-  uk: () => import("./translations/uk.yml?raw"),
+  en: () => import("./translations/en.yml?raw"),
+  es: () => import("./translations/es.yml?raw"),
+  fi: () => import("./translations/fi.yml?raw"),
+  fr: () => import("./translations/fr.yml?raw"),
+  hi: () => import("./translations/hi.yml?raw"),
+  pt: () => import("./translations/pt.yml?raw"),
   ru: () => import("./translations/ru.yml?raw"),
+  uk: () => import("./translations/uk.yml?raw"),
+  zh: () => import("./translations/zh.yml?raw"),
 } as const
 
 type BuiltInLanguage = keyof typeof builtInTranslations
@@ -66,7 +74,6 @@ export type LightNetTranslationKey =
   | "ln.search.all-categories"
   | "ln.search.all-languages"
   | "ln.search.all-types"
-  | "ln.search.more-results"
   | "ln.search.no-results"
   | "ln.search.placeholder"
   | "ln.search.title"

package/src/layouts/MarkdownPage.astro

@@ -1,10 +1,16 @@
 ---
 import Page from "./Page.astro"
+
+// prettier-ignore
+type Props = {
+  className?: string
+};
 ---
 
 <Page>
   <article
-    class="prose prose-gray mx-auto mt-8 max-w-screen-md px-4 sm:mt-16 md:px-8"
+    class="prose prose-img:rounded-md mx-auto mt-8 max-w-screen-md px-4 sm:mt-16 md:px-8"
+    class:list={[Astro.props.className]}
   >
     <slot />
   </article>

package/src/layouts/Page.astro

@@ -35,6 +35,7 @@ const language = resolveLanguage(currentLocale)
     <ClientRouter />
   </head>
   <body
+    transition:animate="none"
     class="flex min-h-screen flex-col overflow-y-scroll bg-gray-50 text-gray-900"
   >
     <Header />

package/src/layouts/components/PageNavigation.astro

@@ -32,13 +32,19 @@ const t = Astro.locals.i18n.t
 ---
 
 <nav class="-me-3 flex items-center">
-  <a
-    class="hover:text-primary flex p-3 text-gray-600"
-    aria-label={t("ln.search.title")}
-    data-astro-prefetch="viewport"
-    href={searchPagePath(Astro.currentLocale)}
-    ><Icon className="mdi--magnify" ariaLabel="" /></a
-  >
+  {
+    !config.searchPage?.hideHeaderSearchIcon && (
+      <a
+        class="hover:text-primary flex p-3 text-gray-600"
+        aria-label={t("ln.search.title")}
+        data-astro-prefetch="viewport"
+        href={searchPagePath(Astro.currentLocale)}
+      >
+        <Icon className="mdi--magnify" ariaLabel="" />
+      </a>
+    )
+  }
+
   <LanguagePicker />
 
   {

package/src/pages/api/search.ts

@@ -1,7 +1,7 @@
 import type { APIRoute } from "astro"
 import { getImage } from "astro:assets"
 
-import type { MediaItemEntry } from "../../content/content-schema-internal"
+import type { MediaItemEntry } from "../../content/content-schema"
 import { getMediaItems } from "../../content/get-media-items"
 import { markdownToText } from "../../utils/markdown"
 import type { SearchItem } from "./search-response"

package/src/pages/details-page/components/main-details/AudioPlayer.astro

@@ -14,7 +14,7 @@ if (!src.endsWith(".mp3")) {
 }
 ---
 
-<audio class="rounded-xl" class:list={[className]} src={src} controls></audio>
+<audio class="rounded-2xl" class:list={[className]} src={src} controls></audio>
 
 <style>
   audio::-webkit-media-controls-enclosure {

package/src/pages/details-page/components/main-details/Cover.astro

@@ -26,6 +26,7 @@ const isPortraitImage = image.height > image.width
     src={image}
     quality="high"
     loading="eager"
+    fetchpriority="high"
   />
   {
     style === "book" && (

package/src/pages/details-page/components/main-details/Title.astro

@@ -17,7 +17,7 @@ const titleSize = {
 ---
 
 <h1
-  class="font-bold"
+  class="text-balance font-bold"
   lang={language}
   class:list={[
     titleSize[title.length > 20 ? "md" : "xl"],

package/src/pages/details-page/components/more-details/Categories.astro

@@ -1,6 +1,6 @@
 ---
+import { getCategory } from "../../../../content/get-categories"
 import { getMediaItem } from "../../../../content/get-media-items"
-import { resolveCategoryLabel } from "../../../../content/resolve-category-label"
 import { searchPagePath } from "../../../../utils/paths"
 import Label from "./Label.astro"
 
@@ -10,8 +10,11 @@ interface Props {
 
 const item = await getMediaItem(Astro.props.mediaId)
 
-const categories = item.data.categories?.map(({ id }) => id)
 const { t } = Astro.locals.i18n
+
+const categories = await Promise.all(
+  item.data.categories?.map(({ id }) => getCategory(id)) ?? [],
+)
 ---
 
 {
@@ -21,8 +24,12 @@ const { t } = Astro.locals.i18n
       <ul class="flex flex-wrap gap-2">
         {categories.map(async (category) => (
           <li class="flex rounded-lg bg-gray-200 px-4 py-1 text-gray-500 hover:bg-gray-300">
-            <a href={searchPagePath(Astro.currentLocale, { category })}>
-              {resolveCategoryLabel(Astro.locals.i18n.t, category)}
+            <a
+              href={searchPagePath(Astro.currentLocale, {
+                category: category.id,
+              })}
+            >
+              {t(category.label)}
             </a>
           </li>
         ))}