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",