diff --git a/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx b/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx index b56aa5557..eb0d7280a 100644 --- a/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx +++ b/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx @@ -178,6 +178,7 @@ export const CategoryUpdatePage: React.FC = ({ defaultMessage: "Add search engine title and description to make this category easier to find" })} + errors={errors} title={data.seoTitle} titlePlaceholder={data.name} description={data.seoDescription} diff --git a/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx b/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx index 49c1a2834..3127745b3 100644 --- a/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx +++ b/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx @@ -151,6 +151,7 @@ const CollectionDetailsPage: React.FC = ({ defaultMessage: "Add search engine title and description to make this collection easier to find" })} + errors={errors} slug={data.slug} slugPlaceholder={data.name} title={data.seoTitle} diff --git a/src/utils/errors/page.ts b/src/utils/errors/page.ts index 500c9e60e..7784ad89d 100644 --- a/src/utils/errors/page.ts +++ b/src/utils/errors/page.ts @@ -1,10 +1,16 @@ import { PageErrorFragment } from "@saleor/fragments/types/PageErrorFragment"; import { commonMessages } from "@saleor/intl"; import { PageErrorCode } from "@saleor/types/globalTypes"; -import { IntlShape } from "react-intl"; +import { defineMessages, IntlShape } from "react-intl"; import commonErrorMessages from "./common"; +const messages = defineMessages({ + nameAlreadyTaken: { + defaultMessage: "This name is already taken. Please provide another." + } +}); + function getPageErrorMessage( err: Omit | undefined, intl: IntlShape @@ -17,6 +23,8 @@ function getPageErrorMessage( return intl.formatMessage(commonMessages.requiredField); case PageErrorCode.INVALID: return intl.formatMessage(commonErrorMessages.invalid); + case PageErrorCode.UNIQUE: + return intl.formatMessage(messages.nameAlreadyTaken); default: return intl.formatMessage(commonErrorMessages.unknownError); }