sitero 0.5.0 → 0.7.0

package/dist/src/cms/client/interfaces/components/create-page-contents.js

@@ -0,0 +1,28 @@
+import { createPageEditContent } from './resources/page/content/page-edit-content.js';
+import { createPageShowContent } from './resources/page/content/page-show-content.js';
+
+function createPageContents({
+  actions,
+  applications,
+  components,
+  constants
+}) {
+  return {
+    resources: {
+      PageShowContent: createPageShowContent({
+        FileCard: components.resources.FileCard,
+        webLocales: constants.webLocales
+      }),
+      PageEditContent: createPageEditContent({
+        pageUpdateAction: actions.resources.page.update,
+        usePageUpdateFormData: applications.resources.usePageUpdateFormData,
+        FileCard: components.resources.FileCard,
+        FileList: components.resources.FileList,
+        Uploader: components.blobFile.Uploader,
+        webLocales: constants.webLocales
+      })
+    }
+  };
+}
+
+export { createPageContents };

package/dist/src/cms/client/interfaces/components/resources/page/content/field-groups.js

@@ -0,0 +1,16 @@
+import { PAGE_MEDIA_FIELDS, PAGE_TEXT_FIELDS } from 'sitero-domain';
+
+const PAGE_FIELD_GROUPS = PAGE_MEDIA_FIELDS.map((mediaField, index) => {
+  const prefix = index === 0 ? "" : `section${index}`;
+  const textFields = PAGE_TEXT_FIELDS.filter(
+    (field) => (field.match(/^section\d+/)?.[0] ?? "") === prefix
+  );
+  return [...textFields.slice(0, 3), mediaField, ...textFields.slice(3)];
+});
+function getVisiblePageFieldGroups(fields) {
+  return PAGE_FIELD_GROUPS.map(
+    (group) => group.filter((field) => fields[field] !== void 0)
+  ).filter((group) => group.length > 0);
+}
+
+export { getVisiblePageFieldGroups };

package/dist/src/cms/client/interfaces/components/resources/page/content/page-edit-content.js

@@ -0,0 +1,216 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useRouter } from 'next/navigation';
+import { Fragment } from 'react';
+import { PAGE_MEDIA_FIELDS, PAGE_TEXT_FIELDS } from 'sitero-domain';
+import 'mime-types';
+import 'ua-parser-js';
+import '../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import 'clsx';
+import 'tailwind-merge';
+import { createTranslationTextBinder } from '../../../../../applications/form/binders/create-translation-text-binder.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
+import { toPageUpdateInput } from '../../../../../applications/resources/page/form-data.js';
+import { useParentPathname } from '../../../../../applications/ui/use-parent-pathname.js';
+import 'lucide-react';
+import { getCmsLocalizedFieldErrors, getCmsFieldErrorMessageMap } from '../../../../../infrastructure/operation-result/presentation/message.js';
+import { useCmsCommand } from '../../../../../infrastructure/operation-result/use-cms-command.js';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import { ActionButtonsCard } from '../../../ui/cards/action-buttons-card.js';
+import { Form } from '../../../ui/form/form.js';
+import { FormField } from '../../../ui/form/form-field.js';
+import { FieldsContainer } from '../../../ui/form/containers/fields-container.js';
+import { MainFields } from '../../../ui/form/containers/main-fields.js';
+import { SideFields } from '../../../ui/form/containers/side-fields.js';
+import '../../../ui/inputs/input.js';
+import { Textarea } from '../../../ui/inputs/textarea.js';
+import { PickerInput } from '../../../ui/features/pick-modal/picker-input.js';
+import 'next/image';
+import { I18nFormField } from '../../../ui/i18n/i18n-form-field.js';
+import '../../../ui/inputs/switch-input.js';
+import '../../../ui/inputs/password-input.js';
+import '../../../../../infrastructure/admin-session/admin-context.js';
+import 'intor/next';
+import { ContentContainer } from '../../../ui/layouts/content-container.js';
+import { getVisiblePageFieldGroups } from './field-groups.js';
+
+function createPageEditContent({
+  usePageUpdateFormData,
+  pageUpdateAction,
+  FileCard,
+  FileList,
+  Uploader,
+  webLocales
+}) {
+  return function PageEditContent({
+    page,
+    pageKey,
+    isFetching,
+    isNotFound,
+    allowField,
+    fields
+  }) {
+    const { t, locale } = useTranslator();
+    const router = useRouter();
+    const parentPathname = useParentPathname();
+    const { formData, setFormData, isInitializing } = usePageUpdateFormData({
+      page
+    });
+    const bindText = createTranslationTextBinder(formData, setFormData);
+    const { execute, isPending, isRedirecting, fieldErrors } = useCmsCommand(
+      () => pageUpdateAction(
+        toPageUpdateInput({ id: page.id, pageKey, formData, allowField })
+      ),
+      { onSuccess: () => router.replace(parentPathname) }
+    );
+    const blocked = isFetching || isInitializing || isPending || isRedirecting || isNotFound;
+    const localizedErrors = getCmsLocalizedFieldErrors(
+      t,
+      locale,
+      fieldErrors
+    ).map((error) => ({ ...error, path: error.path.replace(/^page\./, "") }));
+    const mediaErrors = getCmsFieldErrorMessageMap(localizedErrors);
+    const labels = {
+      title: t("resources.post.title.text"),
+      subtitle: t("resources.post.subtitle.text"),
+      description: t("resources.post.description.text"),
+      text1: `${t("resources.page.custom-text.text")} 1`,
+      text2: `${t("resources.page.custom-text.text")} 2`,
+      text3: `${t("resources.page.custom-text.text")} 3`,
+      text4: `${t("resources.page.custom-text.text")} 4`
+    };
+    const visibleGroups = getVisiblePageFieldGroups(fields);
+    return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(
+      Form,
+      {
+        onSubmit: () => {
+          if (!blocked) void execute();
+        },
+        children: [
+          /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+            /* @__PURE__ */ jsx(MainFields, { children: visibleGroups.map((group, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+              index > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+              group.map((field) => {
+                const config = fields[field];
+                if (!config) return null;
+                const base = field.replace(/^section\d+/, "");
+                const labelKey = base.charAt(0).toLowerCase() + base.slice(1);
+                const section = field.match(/^section(\d+)/)?.[1];
+                const mediaField = field;
+                const isMedia = PAGE_MEDIA_FIELDS.includes(field);
+                const defaultLabel = isMedia ? t("resources.page.cover-media.text") : labels[labelKey];
+                const label = config.label?.[locale] ?? (section ? `${t("resources.page.section.text")} ${section} \xB7 ${defaultLabel}` : defaultLabel);
+                if (isMedia)
+                  return /* @__PURE__ */ jsx(
+                    FormField,
+                    {
+                      controlId: mediaField,
+                      label,
+                      error: mediaErrors[`${mediaField}Id`],
+                      children: (controlProps) => /* @__PURE__ */ jsx(
+                        PickerInput,
+                        {
+                          title: label,
+                          controlProps,
+                          value: formData[mediaField],
+                          onChange: (value) => setFormData((previous) => ({
+                            ...previous,
+                            [mediaField]: value
+                          })),
+                          loading: isFetching,
+                          disabled: blocked,
+                          renderList: (props) => /* @__PURE__ */ jsx(
+                            FileList,
+                            {
+                              ...props,
+                              allowedTypes: ["IMAGE", "VIDEO"]
+                            }
+                          ),
+                          renderValue: () => /* @__PURE__ */ jsx(
+                            FileCard,
+                            {
+                              openNewTab: true,
+                              file: formData[mediaField]
+                            }
+                          ),
+                          renderManagement: ({ onItemsCreated }) => /* @__PURE__ */ jsx(
+                            Uploader,
+                            {
+                              onItemsCreated,
+                              accept: "image/*,video/*"
+                            }
+                          )
+                        }
+                      )
+                    },
+                    field
+                  );
+                if (!PAGE_TEXT_FIELDS.includes(field))
+                  return null;
+                return /* @__PURE__ */ jsx(
+                  I18nFormField,
+                  {
+                    fieldName: field,
+                    label,
+                    locales: webLocales,
+                    translations: formData.translations,
+                    errors: localizedErrors,
+                    children: ({ locale: contentLocale, controlProps }) => /* @__PURE__ */ jsx(
+                      Textarea,
+                      {
+                        placeholder: t(
+                          "resources.page.text-placeholder.text"
+                        ),
+                        ...bindText(field, contentLocale),
+                        ...controlProps,
+                        disabled: blocked
+                      }
+                    )
+                  },
+                  field
+                );
+              })
+            ] }, group[0])) }),
+            /* @__PURE__ */ jsx(SideFields, { children: /* @__PURE__ */ jsx("div", { className: "max-lg:hidden", children: /* @__PURE__ */ jsx(
+              ActionButtonsCard,
+              {
+                action: "update",
+                isInitializing,
+                isProcessing: blocked
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "fixed bottom-3 left-1/2 z-10 -translate-x-1/2 lg:hidden", children: /* @__PURE__ */ jsx(
+            ActionButtonsCard,
+            {
+              action: "update",
+              isInitializing,
+              isProcessing: blocked
+            }
+          ) })
+        ]
+      }
+    ) });
+  };
+}
+
+export { createPageEditContent };

package/dist/src/cms/client/interfaces/components/resources/page/content/page-show-content.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Fragment } from 'react';
+import { PAGE_MEDIA_FIELDS } from 'sitero-domain';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'ua-parser-js';
+import '../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Field } from '../../../ui/form/field.js';
+import { FieldBody } from '../../../ui/form/field-body.js';
+import { FieldsContainer } from '../../../ui/form/containers/fields-container.js';
+import { MainFields } from '../../../ui/form/containers/main-fields.js';
+import '../../../ui/inputs/input.js';
+import '../../../ui/inputs/textarea.js';
+import { I18nDisplayField } from '../../../ui/i18n/i18n-display-field.js';
+import '../../../../../infrastructure/admin-session/admin-context.js';
+import 'next/link';
+import 'next/navigation';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
+import 'intor/next';
+import 'zod';
+import { ContentContainer } from '../../../ui/layouts/content-container.js';
+import { getVisiblePageFieldGroups } from './field-groups.js';
+
+function createPageShowContent({
+  FileCard,
+  webLocales
+}) {
+  return function PageShowContent({
+    page,
+    fields,
+    isFetching,
+    isNotFound
+  }) {
+    const { t, locale } = useTranslator();
+    const labels = {
+      title: t("resources.post.title.text"),
+      subtitle: t("resources.post.subtitle.text"),
+      description: t("resources.post.description.text"),
+      text1: `${t("resources.page.custom-text.text")} 1`,
+      text2: `${t("resources.page.custom-text.text")} 2`,
+      text3: `${t("resources.page.custom-text.text")} 3`,
+      text4: `${t("resources.page.custom-text.text")} 4`
+    };
+    return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsx(FieldsContainer, { children: /* @__PURE__ */ jsx(MainFields, { children: getVisiblePageFieldGroups(fields).map((group, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+      group.map((field) => {
+        const isMedia = PAGE_MEDIA_FIELDS.includes(field);
+        const section = field.match(/^section(\d+)/)?.[1];
+        const base = field.replace(/^section\d+/, "");
+        const labelKey = base.charAt(0).toLowerCase() + base.slice(1);
+        const defaultLabel = isMedia ? t("resources.page.cover-media.text") : labels[labelKey];
+        const label = fields[field]?.label?.[locale] ?? (section ? `${t("resources.page.section.text")} ${section} \xB7 ${defaultLabel}` : defaultLabel);
+        if (isMedia)
+          return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+            FieldBody,
+            {
+              isLoading: isFetching,
+              isEmpty: !page?.[field],
+              children: /* @__PURE__ */ jsx(
+                FileCard,
+                {
+                  file: page?.[field] ?? null,
+                  openNewTab: true
+                }
+              )
+            }
+          ) }, field);
+        return /* @__PURE__ */ jsx(
+          I18nDisplayField,
+          {
+            fieldName: field,
+            label,
+            locales: webLocales,
+            translations: page?.translations,
+            children: ({ value }) => /* @__PURE__ */ jsx(
+              FieldBody,
+              {
+                isLoading: isFetching,
+                isEmpty: !value,
+                className: "whitespace-pre-line",
+                children: value
+              }
+            )
+          },
+          field
+        );
+      })
+    ] }, group[0])) }) }) });
+  };
+}
+
+export { createPageShowContent };

package/dist/src/cms/client/interfaces/components/resources/page/content/types.js

@@ -0,0 +1,12 @@
+function resolvePageFields(rules, pageKey) {
+  return (pageKey && Object.hasOwn(rules, pageKey) ? rules[pageKey] : void 0) ?? rules.default;
+}
+function createAllowPageField(rules) {
+  return ({ pageKey, field }) => {
+    if (!field) return false;
+    const fields = resolvePageFields(rules, pageKey);
+    return Object.hasOwn(fields, field) && fields[field] !== void 0;
+  };
+}
+
+export { createAllowPageField, resolvePageFields };

package/dist/src/cms/client/interfaces/components/resources/post/category/category-card.js

@@ -41,6 +41,7 @@ import { PostStateIcons } from '../post-state-icons.js';
 
 const WIDTH = "200px";
 function createCategoryCard({
+  topics = {},
   defaultWebLocale
 }) {
   return function CategoryCard({
@@ -55,9 +56,10 @@ function createCategoryCard({
     // base
     className = ""
   }) {
-    const topic = "topic" in category ? category.topic : null;
-    const resolvedTopicSlug = topic?.slug ?? topicSlug;
-    const topicT = findTranslation(topic?.translations, defaultWebLocale);
+    const resolvedTopicSlug = category.topicKey ?? topicSlug;
+    const topicT = {
+      title: topics[category.topicKey ?? ""]?.title[defaultWebLocale] ?? category.topicKey ?? ""
+    };
     const categoryT = findTranslation(category?.translations, defaultWebLocale);
     const href = isSubcategory ? joinUrl(
       CMS_PATHS.content["content-management"].subcategory.pathname(

package/dist/src/cms/client/interfaces/components/resources/post/category/category-table.js

@@ -42,6 +42,7 @@ import 'next/image';
 import { PostStateIcons } from '../post-state-icons.js';
 
 function CategoryTable({
+  topics = {},
   posts: categories,
   contentLocale,
   pickedItems,
@@ -60,8 +61,9 @@ function CategoryTable({
       /* @__PURE__ */ jsx(TableHead, { children: t("resources.post.title.text") })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: categories.map((category) => {
-      const topic = category?.topic;
-      const topicT = findTranslation(topic?.translations, contentLocale);
+      const topicT = {
+        title: topics[category.topicKey ?? ""]?.title[contentLocale] ?? category.topicKey ?? ""
+      };
       const isPicked = !!pickedItems?.some(
         (item) => item.id === category.id
       );
@@ -71,12 +73,12 @@ function CategoryTable({
       );
       const href = isSubcategory ? joinUrl(
         CMS_PATHS.content["content-management"].subcategory.pathname(
-          topic?.slug
+          category.topicKey ?? void 0
         ),
         category?.id
       ) : joinUrl(
         CMS_PATHS.content["content-management"].category.pathname(
-          topic?.slug
+          category.topicKey ?? void 0
         ),
         category?.id
       );

package/dist/src/cms/client/interfaces/components/resources/post/content/post-create-content.js

@@ -89,7 +89,7 @@ function createPostCreateContent({
     CategoryCard = DefaultCategoryCard,
     CategoryTable: CategoryTable$1 = CategoryTable,
     tagType = POST_TYPES.TAG,
-    topic,
+    topicKey,
     // Use in post, category
     controlMeta,
     isFetching,
@@ -102,12 +102,12 @@ function createPostCreateContent({
     const parentPathname = useParentPathname();
     const { admin } = useAdmin();
     const editorLocale = cmsLocale.startsWith("zh") ? "zh" : "en";
-    const topicSlug = topic?.slug;
+    const topicSlug = topicKey;
     const isFieldAllowed = (type, field, fieldRuleKey) => allowField({ topicSlug, type, field, fieldRuleKey });
     const { formData, setFormData } = usePostCreateFormData({
       type: postType,
       admin,
-      topic
+      topicKey
     });
     const bindTranslationText = createTranslationTextBinder(
       formData,
@@ -207,7 +207,7 @@ function createPostCreateContent({
                           )
                         ],
                         type: parentType,
-                        topicId: topic?.id,
+                        topicKey,
                         Card: (props) => /* @__PURE__ */ jsx(
                           CategoryCard,
                           {
@@ -230,7 +230,7 @@ function createPostCreateContent({
                       {
                         openNewTab: true,
                         post: parent,
-                        topicSlug: topic?.slug,
+                        topicSlug: topicKey,
                         isSubcategory: isSubcategoryParent
                       },
                       parent.id
@@ -571,7 +571,7 @@ function createPostCreateContent({
                           )
                         ],
                         type: postType,
-                        topicId: topic?.id
+                        topicKey
                       }
                     ),
                     renderValue: () => formData.relatedPosts.map((relatedPost) => /* @__PURE__ */ jsx(
@@ -579,7 +579,7 @@ function createPostCreateContent({
                       {
                         openNewTab: true,
                         post: relatedPost,
-                        topicSlug: topic?.slug
+                        topicSlug: topicKey
                       },
                       relatedPost.id
                     ))
@@ -603,7 +603,12 @@ function createPostCreateContent({
             ControlFields,
             {
               fields: [
-                ...isFieldAllowed(postType, "isActive") ? [{ key: "isActive" }] : [],
+                ...isFieldAllowed(postType, "isActive") ? [
+                  {
+                    key: "isActive",
+                    label: t("resources.post.is-public.text")
+                  }
+                ] : [],
                 ...isFieldAllowed(postType, "isIndexActive") ? [{ key: "isIndexActive" }] : [],
                 ...isFieldAllowed(postType, "isSlugActive") ? [{ key: "isSlugActive" }] : [],
                 ...isFieldAllowed(postType, "isFeatured") ? [{ key: "isFeatured" }] : [],

package/dist/src/cms/client/interfaces/components/resources/post/content/post-edit-content.js

@@ -100,9 +100,8 @@ function createPostEditContent({
     const parentPathname = useParentPathname();
     const editorLocale = cmsLocale.startsWith("zh") ? "zh" : "en";
     const id = post?.id ?? "";
-    const topic = post?.topic;
     const slug = post?.slug;
-    const topicSlug = topic?.slug;
+    const topicSlug = post?.topicKey ?? void 0;
     const isFieldAllowed = (type, field, fieldRuleKey) => allowField({ topicSlug, type, field, fieldRuleKey });
     const { formData, setFormData } = usePostUpdateFormData({
       post,
@@ -205,7 +204,7 @@ function createPostEditContent({
                           )
                         ],
                         type: parentType,
-                        topicId: topic?.id,
+                        topicKey: post?.topicKey ?? void 0,
                         Card: (props) => /* @__PURE__ */ jsx(
                           CategoryCard,
                           {
@@ -228,7 +227,7 @@ function createPostEditContent({
                       {
                         openNewTab: true,
                         post: parent,
-                        topicSlug: topic?.slug,
+                        topicSlug: post?.topicKey ?? void 0,
                         isSubcategory: isSubcategoryParent
                       },
                       parent.id
@@ -569,7 +568,7 @@ function createPostEditContent({
                           )
                         ],
                         type: postType,
-                        topicId: topic?.id,
+                        topicKey: post?.topicKey ?? void 0,
                         excludeIds: post ? [post?.id] : void 0
                       }
                     ),
@@ -578,7 +577,7 @@ function createPostEditContent({
                       {
                         openNewTab: true,
                         post: relatedPost,
-                        topicSlug: topic?.slug
+                        topicSlug: post?.topicKey ?? void 0
                       },
                       relatedPost.id
                     ))
@@ -602,7 +601,12 @@ function createPostEditContent({
             ControlFields,
             {
               fields: [
-                ...isFieldAllowed(postType, "isActive", post?.slug) ? [{ key: "isActive" }] : [],
+                ...isFieldAllowed(postType, "isActive", post?.slug) ? [
+                  {
+                    key: "isActive",
+                    label: t("resources.post.is-public.text")
+                  }
+                ] : [],
                 ...isFieldAllowed(postType, "isIndexActive", post?.slug) ? [{ key: "isIndexActive" }] : [],
                 ...isFieldAllowed(postType, "isSlugActive", post?.slug) ? [{ key: "isSlugActive" }] : [],
                 ...isFieldAllowed(postType, "isFeatured", post?.slug) ? [{ key: "isFeatured" }] : [],

package/dist/src/cms/client/interfaces/components/resources/post/content/post-show-content.js

@@ -72,7 +72,7 @@ function createPostShowContent({
   }) {
     const { t, format, locale: cmsLocale } = useTranslator();
     const type = post?.type;
-    const topicSlug = post?.topic?.slug;
+    const topicSlug = post?.topicKey ?? void 0;
     const categories = post?.parents;
     const parentLabelKey = subcategoryType && categories?.[0]?.type === subcategoryType ? "resources.subcategory.text" : "resources.category.text";
     const isFieldAllowed = (type2, field, fieldRuleKey) => allowField({ topicSlug, type: type2, field, fieldRuleKey });
@@ -297,7 +297,12 @@ function createPostShowContent({
           ControlFields,
           {
             fields: [
-              ...isFieldAllowed(type, "isActive", post?.slug) ? [{ key: "isActive" }] : [],
+              ...isFieldAllowed(type, "isActive", post?.slug) ? [
+                {
+                  key: "isActive",
+                  label: t("resources.post.is-public.text")
+                }
+              ] : [],
               ...isFieldAllowed(type, "isIndexActive", post?.slug) ? [{ key: "isIndexActive" }] : [],
               ...isFieldAllowed(type, "isSlugActive", post?.slug) ? [{ key: "isSlugActive" }] : [],
               ...isFieldAllowed(type, "isFeatured", post?.slug) ? [{ key: "isFeatured" }] : [],

package/dist/src/cms/client/interfaces/components/resources/post/post-card.js

@@ -44,6 +44,7 @@ import { PostStateIcons } from './post-state-icons.js';
 const WIDTH = "256px";
 const HEIGHT = "256px";
 function createPostCard({
+  topics = {},
   SmartImage,
   storageUrl,
   strategies,
@@ -60,9 +61,10 @@ function createPostCard({
     // base
     className = ""
   }) {
-    const topic = "topic" in post ? post.topic : null;
-    const resolvedTopicSlug = topic?.slug ?? topicSlug;
-    const topicT = findTranslation(topic?.translations, defaultWebLocale);
+    const resolvedTopicSlug = post.topicKey ?? topicSlug;
+    const topicT = {
+      title: topics[post.topicKey ?? ""]?.title[defaultWebLocale] ?? post.topicKey ?? ""
+    };
     const postT = findTranslation(post.translations, defaultWebLocale);
     const strategy = strategies?.[post.type]?.[resolvedTopicSlug ?? ""] ?? {};
     const presentation = resolvePostPresentation(postT, strategy);