diff --git a/.changeset/hot-glasses-beam.md b/.changeset/hot-glasses-beam.md new file mode 100644 index 0000000000..d29c2c6671 --- /dev/null +++ b/.changeset/hot-glasses-beam.md @@ -0,0 +1,7 @@ +--- +'@commercetools-frontend/application-components': patch +'@commercetools-frontend/application-shell': patch +'@commercetools-frontend/assets': patch +--- + +Update illustrations leftovers and use correct illustrations for maintenance pages diff --git a/packages/application-components/src/components/maintenance-page-layout/maintenance-page-layout.tsx b/packages/application-components/src/components/maintenance-page-layout/maintenance-page-layout.tsx index af9d514c33..f9d963c91a 100644 --- a/packages/application-components/src/components/maintenance-page-layout/maintenance-page-layout.tsx +++ b/packages/application-components/src/components/maintenance-page-layout/maintenance-page-layout.tsx @@ -1,6 +1,7 @@ import { ReactNode } from 'react'; import { css } from '@emotion/react'; import Constraints from '@commercetools-uikit/constraints'; +import { designTokens } from '@commercetools-uikit/design-system'; import Spacings from '@commercetools-uikit/spacings'; import Text from '@commercetools-uikit/text'; @@ -28,7 +29,11 @@ const MaintenancePageLayout = (props: Props) => (
- {props.label} + {props.label}
{props.title} {props.paragraph1} diff --git a/packages/application-components/src/components/page-not-found/page-not-found.tsx b/packages/application-components/src/components/page-not-found/page-not-found.tsx index 2dd5da2b94..77e3a34b1d 100644 --- a/packages/application-components/src/components/page-not-found/page-not-found.tsx +++ b/packages/application-components/src/components/page-not-found/page-not-found.tsx @@ -1,5 +1,5 @@ import { useIntl, FormattedMessage } from 'react-intl'; -import PageNotFoundIllustration from '@commercetools-frontend/assets/images/page-application-disabled.svg'; +import PageNotFoundSVG from '@commercetools-frontend/assets/images/page-not-found.svg'; import { SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants'; import MaintenancePageLayout from '../maintenance-page-layout'; import messages from './messages'; @@ -15,7 +15,7 @@ const PageNotFound = () => { return ( } label={intl.formatMessage(messages.title)} paragraph1={ diff --git a/packages/application-components/src/components/page-unauthorized/page-unauthorized.tsx b/packages/application-components/src/components/page-unauthorized/page-unauthorized.tsx index 23b092ebd9..17897eea81 100644 --- a/packages/application-components/src/components/page-unauthorized/page-unauthorized.tsx +++ b/packages/application-components/src/components/page-unauthorized/page-unauthorized.tsx @@ -1,5 +1,5 @@ import { useIntl, FormattedMessage } from 'react-intl'; -import FailedAuthorizationIllustration from '@commercetools-frontend/assets/images/folder-full-locked.svg'; +import FailedAuthorizationSVG from '@commercetools-frontend/assets/images/doors-closed.svg'; import { SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants'; import MaintenancePageLayout from '../maintenance-page-layout'; import messages from './messages'; @@ -16,7 +16,7 @@ export const PageUnauthorized = () => { return ( } label={intl.formatMessage(messages.title)} paragraph1={} diff --git a/packages/application-shell/src/components/authenticated/oidc-callback-error-page.tsx b/packages/application-shell/src/components/authenticated/oidc-callback-error-page.tsx index 16c40f9cc8..8201b13719 100644 --- a/packages/application-shell/src/components/authenticated/oidc-callback-error-page.tsx +++ b/packages/application-shell/src/components/authenticated/oidc-callback-error-page.tsx @@ -4,7 +4,7 @@ import { PublicPageLayout, themesOverrides, } from '@commercetools-frontend/application-components'; -import FailedAuthenticationSVG from '@commercetools-frontend/assets/images/locked-diamond.svg'; +import FailedAuthenticationSVG from '@commercetools-frontend/assets/images/doors-closed.svg'; import type { TAsyncLocaleDataProps } from '@commercetools-frontend/i18n'; import { AsyncLocaleData } from '@commercetools-frontend/i18n'; diff --git a/packages/application-shell/src/components/error-apologizer/error-apologizer.tsx b/packages/application-shell/src/components/error-apologizer/error-apologizer.tsx index 8d831328be..ea7c499deb 100644 --- a/packages/application-shell/src/components/error-apologizer/error-apologizer.tsx +++ b/packages/application-shell/src/components/error-apologizer/error-apologizer.tsx @@ -1,6 +1,6 @@ import { useIntl, FormattedMessage } from 'react-intl'; import { MaintenancePageLayout } from '@commercetools-frontend/application-components'; -import UnexpectedErrorIllustration from '@commercetools-frontend/assets/images/unexpected-error.svg'; +import UnexpectedErrorSVG from '@commercetools-frontend/assets/images/unexpected-error.svg'; import messages from './messages'; const ErrorApologizer = () => { @@ -8,7 +8,7 @@ const ErrorApologizer = () => { return ( } label={intl.formatMessage(messages.title)} paragraph1={} diff --git a/packages/application-shell/src/components/failed-authentication/failed-authentication.tsx b/packages/application-shell/src/components/failed-authentication/failed-authentication.tsx index 19f77b0b5a..a33c8f6dc5 100644 --- a/packages/application-shell/src/components/failed-authentication/failed-authentication.tsx +++ b/packages/application-shell/src/components/failed-authentication/failed-authentication.tsx @@ -1,6 +1,6 @@ import { useIntl, FormattedMessage } from 'react-intl'; import { MaintenancePageLayout } from '@commercetools-frontend/application-components'; -import FailedAuthenticationSVG from '@commercetools-frontend/assets/images/locked-diamond.svg'; +import FailedAuthenticationSVG from '@commercetools-frontend/assets/images/doors-closed.svg'; import messages from './messages'; const FailedAuthentication = () => { diff --git a/packages/application-shell/src/components/project-not-found/project-not-found.tsx b/packages/application-shell/src/components/project-not-found/project-not-found.tsx index 7d40712d61..0be18b4e86 100644 --- a/packages/application-shell/src/components/project-not-found/project-not-found.tsx +++ b/packages/application-shell/src/components/project-not-found/project-not-found.tsx @@ -1,6 +1,6 @@ import { useIntl, FormattedMessage } from 'react-intl'; import { MaintenancePageLayout } from '@commercetools-frontend/application-components'; -import FailedAuthorizationIllustration from '@commercetools-frontend/assets/images/folder-full-locked.svg'; +import ProjectNotFoundSVG from '@commercetools-frontend/assets/images/folder-full-locked.svg'; import ServicePageProjectSwitcher from '../service-page-project-switcher'; import messages from './messages'; @@ -9,7 +9,7 @@ const ProjectNotFound = () => { return ( } label={intl.formatMessage(messages.title)} paragraph1={} diff --git a/packages/application-shell/src/components/project-not-initialized/project-not-initialized.tsx b/packages/application-shell/src/components/project-not-initialized/project-not-initialized.tsx index f5d499ebdc..0a5959f748 100644 --- a/packages/application-shell/src/components/project-not-initialized/project-not-initialized.tsx +++ b/packages/application-shell/src/components/project-not-initialized/project-not-initialized.tsx @@ -1,6 +1,6 @@ import { useIntl, FormattedMessage } from 'react-intl'; import { MaintenancePageLayout } from '@commercetools-frontend/application-components'; -import ProjectNotInitializedIllustration from '@commercetools-frontend/assets/images/hourglass.svg'; +import ProjectNotInitializedSVG from '@commercetools-frontend/assets/images/hourglass.svg'; import ServicePageProjectSwitcher from '../service-page-project-switcher'; import messages from './messages'; @@ -20,7 +20,7 @@ const ProjectNotInitialized = () => { return ( } label={intl.formatMessage(messages.title)} paragraph1={ diff --git a/packages/application-shell/src/components/project-suspended/project-suspended.tsx b/packages/application-shell/src/components/project-suspended/project-suspended.tsx index 75714c6d8e..1c15841461 100644 --- a/packages/application-shell/src/components/project-suspended/project-suspended.tsx +++ b/packages/application-shell/src/components/project-suspended/project-suspended.tsx @@ -1,6 +1,6 @@ import { useIntl, FormattedMessage, MessageDescriptor } from 'react-intl'; import { MaintenancePageLayout } from '@commercetools-frontend/application-components'; -import ProjectSuspendedSVG from '@commercetools-frontend/assets/images/doors-closed.svg'; +import ProjectSuspendedSVG from '@commercetools-frontend/assets/images/locked-diamond.svg'; import ServicePageProjectSwitcher from '../service-page-project-switcher'; import messages from './messages'; diff --git a/packages/assets/images/doors-closed.svg b/packages/assets/images/doors-closed.svg index 8e8bdbb98f..a978c6b0f1 100644 --- a/packages/assets/images/doors-closed.svg +++ b/packages/assets/images/doors-closed.svg @@ -1,40 +1,26 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/assets/images/locked-diamond.svg b/packages/assets/images/locked-diamond.svg index 7d7050bef7..d39388ec8d 100644 --- a/packages/assets/images/locked-diamond.svg +++ b/packages/assets/images/locked-diamond.svg @@ -1,72 +1,22 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/assets/images/page-not-found.svg b/packages/assets/images/page-not-found.svg new file mode 100644 index 0000000000..b8ce8b6abb --- /dev/null +++ b/packages/assets/images/page-not-found.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/assets/images/unexpected-error.svg b/packages/assets/images/unexpected-error.svg index b8ce8b6abb..8a76f0ea0f 100644 --- a/packages/assets/images/unexpected-error.svg +++ b/packages/assets/images/unexpected-error.svg @@ -1,26 +1,22 @@ - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + diff --git a/visual-testing-app/src/components/public-page-form-wide/public-page-form-wide.visualroute.tsx b/visual-testing-app/src/components/public-page-form-wide/public-page-form-wide.visualroute.tsx index 92ea06a449..0736ab7a62 100644 --- a/visual-testing-app/src/components/public-page-form-wide/public-page-form-wide.visualroute.tsx +++ b/visual-testing-app/src/components/public-page-form-wide/public-page-form-wide.visualroute.tsx @@ -55,7 +55,7 @@ export const Component = () => ( > - +