diff --git a/modules/InfiniteStories/ui/CategoriesFilters/CategoriesFilters.tsx b/modules/InfiniteStories/ui/CategoriesFilters/CategoriesFilters.tsx index 1866ccf95..94a1f855a 100644 --- a/modules/InfiniteStories/ui/CategoriesFilters/CategoriesFilters.tsx +++ b/modules/InfiniteStories/ui/CategoriesFilters/CategoriesFilters.tsx @@ -1,7 +1,8 @@ import type { Category } from '@prezly/sdk/dist/types'; -import type { Locale } from '@prezly/theme-kit-nextjs'; +import { FormattedMessage, type Locale, translations, useIntl } from '@prezly/theme-kit-nextjs'; import classNames from 'classnames'; import Link from 'next/link'; +import type { ReactNode } from 'react'; import { PageTitle } from '@/components/PageTitle'; @@ -15,11 +16,18 @@ interface Props { } export function CategoriesFilters({ activeCategory, categories, className, locale }: Props) { + const { formatMessage } = useIntl(); + return (
- +
- All stories + + + {categories.map(({ id, display_name, i18n }) => ( {i18n[locale]?.name || display_name} @@ -32,7 +40,7 @@ export function CategoriesFilters({ activeCategory, categories, className, local export function Filter(props: { categoryId?: Category['id']; - children: string; + children: ReactNode; isActive: boolean; }) { const { categoryId, children, isActive } = props; diff --git a/package-lock.json b/package-lock.json index 53098e95b..ed19410a6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "@prezly/content-renderer-react-js": "0.34.4", "@prezly/sdk": "20.3.0", "@prezly/story-content-format": "0.64.0", - "@prezly/theme-kit-nextjs": "9.2.2", + "@prezly/theme-kit-nextjs": "9.3.0", "@prezly/uploadcare": "2.4.3", "@prezly/uploadcare-image": "0.3.2", "@react-hookz/web": "14.7.1", @@ -3119,11 +3119,11 @@ } }, "node_modules/@prezly/theme-kit-core": { - "version": "9.2.1", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-9.2.1.tgz", - "integrity": "sha512-aPJgSeyvsgAnQWUUIUhdDpJjUnkQJCNPy0HTFX0jk+1sOzY3cfsLwb22NYR87FSSBaSnSpKPoHXOUIUHMTABuQ==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-9.3.0.tgz", + "integrity": "sha512-sDvk/MLQVSyv+mgLbY4BXE3FrmtmYaImyO53gLV9ZT7G4301RcjjDdHaH8mTpvhWh3A0VawGAEhfBQBTleEDww==", "dependencies": { - "@prezly/theme-kit-intl": "^9.2.0", + "@prezly/theme-kit-intl": "^9.3.0", "@prezly/uploadcare": "^2.3.4", "@technically/is-not-undefined": "^1.0.0", "@technically/omit-undefined": "^1.0.2", @@ -3139,9 +3139,9 @@ } }, "node_modules/@prezly/theme-kit-intl": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-intl/-/theme-kit-intl-9.2.0.tgz", - "integrity": "sha512-cDAb7ikSDdQdVK/Eef5jErVBMWUd+Ypa0BXhs4bRPw8lUQ7slP8B+2/0ywI8gLSpU4BLK9fehQ+q33ZeWhA6Ig==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-intl/-/theme-kit-intl-9.3.0.tgz", + "integrity": "sha512-r55E+gtmCi8KMVkFjMnEJ8CSty6gi5iZR5jqLRs53nbwwZid/z3VrunNptgr+GN8dxgrvRkflBpM0ia5dSLvjw==", "dependencies": { "@technically/is-not-undefined": "^1.0.0" }, @@ -3151,13 +3151,13 @@ } }, "node_modules/@prezly/theme-kit-nextjs": { - "version": "9.2.2", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-9.2.2.tgz", - "integrity": "sha512-Tm5YC5KT0sWbkfLzrdthrP63y9nOlCnEHGLbAF5UdGdfjv946gUltUyVzpuNu4xDxg8snWSUjtT9toHKP3T5gw==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-9.3.0.tgz", + "integrity": "sha512-akPw5Ywmk2cyStWoMdL2Apf7zgRbI5RJdnmLXjKc9ju1HY7xoiM/JHIyS2l4r0HAqJjL9bxg0Mn55KcNBTy+ag==", "dependencies": { - "@prezly/theme-kit-core": "^9.2.1", - "@prezly/theme-kit-intl": "^9.2.0", - "@prezly/theme-kit-react": "^9.2.0", + "@prezly/theme-kit-core": "^9.3.0", + "@prezly/theme-kit-intl": "^9.3.0", + "@prezly/theme-kit-react": "^9.3.0", "@technically/is-not-undefined": "^1.0.0", "@technically/omit-undefined": "^1.0.2", "json-stable-stringify": "^1.1.1", @@ -3182,11 +3182,11 @@ } }, "node_modules/@prezly/theme-kit-react": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-react/-/theme-kit-react-9.2.0.tgz", - "integrity": "sha512-i4/izKsdC41w5XvGhTeu7skXaJrz8V1zdq6HW5hTPDzo252QyJ126COd2l85XzZrAjCN2+gljeOLep1oyRrfVw==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-react/-/theme-kit-react-9.3.0.tgz", + "integrity": "sha512-U91evCiTOCPOOAkKKX6hIQxYc1dj0KpRsVzIsc7u2Jl3rdrtYn8zf9Q0oYg3jxIlVLIPx/ExlaPSNeGbQT40JA==", "dependencies": { - "@prezly/theme-kit-intl": "^9.2.0" + "@prezly/theme-kit-intl": "^9.3.0" }, "engines": { "node": ">= 16.x", @@ -20765,11 +20765,11 @@ } }, "@prezly/theme-kit-core": { - "version": "9.2.1", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-9.2.1.tgz", - "integrity": "sha512-aPJgSeyvsgAnQWUUIUhdDpJjUnkQJCNPy0HTFX0jk+1sOzY3cfsLwb22NYR87FSSBaSnSpKPoHXOUIUHMTABuQ==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-9.3.0.tgz", + "integrity": "sha512-sDvk/MLQVSyv+mgLbY4BXE3FrmtmYaImyO53gLV9ZT7G4301RcjjDdHaH8mTpvhWh3A0VawGAEhfBQBTleEDww==", "requires": { - "@prezly/theme-kit-intl": "^9.2.0", + "@prezly/theme-kit-intl": "^9.3.0", "@prezly/uploadcare": "^2.3.4", "@technically/is-not-undefined": "^1.0.0", "@technically/omit-undefined": "^1.0.2", @@ -20778,21 +20778,21 @@ } }, "@prezly/theme-kit-intl": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-intl/-/theme-kit-intl-9.2.0.tgz", - "integrity": "sha512-cDAb7ikSDdQdVK/Eef5jErVBMWUd+Ypa0BXhs4bRPw8lUQ7slP8B+2/0ywI8gLSpU4BLK9fehQ+q33ZeWhA6Ig==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-intl/-/theme-kit-intl-9.3.0.tgz", + "integrity": "sha512-r55E+gtmCi8KMVkFjMnEJ8CSty6gi5iZR5jqLRs53nbwwZid/z3VrunNptgr+GN8dxgrvRkflBpM0ia5dSLvjw==", "requires": { "@technically/is-not-undefined": "^1.0.0" } }, "@prezly/theme-kit-nextjs": { - "version": "9.2.2", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-9.2.2.tgz", - "integrity": "sha512-Tm5YC5KT0sWbkfLzrdthrP63y9nOlCnEHGLbAF5UdGdfjv946gUltUyVzpuNu4xDxg8snWSUjtT9toHKP3T5gw==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-9.3.0.tgz", + "integrity": "sha512-akPw5Ywmk2cyStWoMdL2Apf7zgRbI5RJdnmLXjKc9ju1HY7xoiM/JHIyS2l4r0HAqJjL9bxg0Mn55KcNBTy+ag==", "requires": { - "@prezly/theme-kit-core": "^9.2.1", - "@prezly/theme-kit-intl": "^9.2.0", - "@prezly/theme-kit-react": "^9.2.0", + "@prezly/theme-kit-core": "^9.3.0", + "@prezly/theme-kit-intl": "^9.3.0", + "@prezly/theme-kit-react": "^9.3.0", "@technically/is-not-undefined": "^1.0.0", "@technically/omit-undefined": "^1.0.2", "json-stable-stringify": "^1.1.1", @@ -20801,11 +20801,11 @@ } }, "@prezly/theme-kit-react": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-react/-/theme-kit-react-9.2.0.tgz", - "integrity": "sha512-i4/izKsdC41w5XvGhTeu7skXaJrz8V1zdq6HW5hTPDzo252QyJ126COd2l85XzZrAjCN2+gljeOLep1oyRrfVw==", + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-react/-/theme-kit-react-9.3.0.tgz", + "integrity": "sha512-U91evCiTOCPOOAkKKX6hIQxYc1dj0KpRsVzIsc7u2Jl3rdrtYn8zf9Q0oYg3jxIlVLIPx/ExlaPSNeGbQT40JA==", "requires": { - "@prezly/theme-kit-intl": "^9.2.0" + "@prezly/theme-kit-intl": "^9.3.0" } }, "@prezly/uploadcare": { diff --git a/package.json b/package.json index d0af4808d..97ba8957e 100644 --- a/package.json +++ b/package.json @@ -34,7 +34,7 @@ "@prezly/content-renderer-react-js": "0.34.4", "@prezly/sdk": "20.3.0", "@prezly/story-content-format": "0.64.0", - "@prezly/theme-kit-nextjs": "9.2.2", + "@prezly/theme-kit-nextjs": "9.3.0", "@prezly/uploadcare": "2.4.3", "@prezly/uploadcare-image": "0.3.2", "@react-hookz/web": "14.7.1",