diff --git a/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.stories.tsx b/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.stories.tsx index 3b721c9fb9..213687180c 100644 --- a/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.stories.tsx +++ b/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.stories.tsx @@ -1,7 +1,7 @@ import { StoryFn } from '@storybook/react' import React from 'react' -import { Footer } from './Footer' +import { Text } from '../Text' import { ErrorScreen } from '.' @@ -13,42 +13,29 @@ export default { }, } -export const Full: StoryFn = () => ( +export const All: StoryFn = () => ( -

- いつも SmartHR をご利用いただきありがとうございます。 -
- ただいまメンテナンスのため、一時サービスを停止しております。 -
- ご迷惑をおかけいたしますが、ご理解のほどよろしくお願いいたします。 -

+ + メッセージ +
) -Full.storyName = 'full' - -export const WithoutChildren: StoryFn = () => ( - -) -WithoutChildren.storyName = 'without children' - -export const WithFooter: StoryFn = () => ( - } /> -) -WithFooter.storyName = 'with footer' +All.storyName = 'all' diff --git a/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.tsx b/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.tsx index 17ae164e16..8b20fa04da 100644 --- a/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.tsx +++ b/packages/smarthr-ui/src/components/ErrorScreen/ErrorScreen.tsx @@ -24,8 +24,6 @@ type Props = { }> /** 表示するコンテンツ */ children?: ReactNode - /** フッター */ - footer?: ReactNode /** コンポーネントに適用するクラス名 */ className?: string } @@ -41,7 +39,6 @@ export const ErrorScreen: FC = ({ title, links, children, - footer, className, ...props }) => { @@ -79,8 +76,6 @@ export const ErrorScreen: FC = ({ )} - - {footer &&
{footer}
} ) } diff --git a/packages/smarthr-ui/src/components/ErrorScreen/Footer.tsx b/packages/smarthr-ui/src/components/ErrorScreen/Footer.tsx deleted file mode 100644 index a8b61e8806..0000000000 --- a/packages/smarthr-ui/src/components/ErrorScreen/Footer.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from 'react' - -import { Cluster } from '../Layout' -import { TextLink } from '../TextLink' - -import type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react' - -export const Footer: FC> = (props) => ( - - - ヘルプ - お知らせ - 利用規約 - プライバシーポリシー - 運営会社 - 開発者向けAPI - - © SmartHR, Inc. - -) - -const Item: FC> = ({ children, href }) => ( -
  • - - {children} - -
  • -)