Add settingsPageTitle component story

Signed-off-by: soupette <cyril@strapi.io>
This commit is contained in:
soupette 2021-08-30 17:08:57 +02:00
parent 4125479300
commit 237f552116
3 changed files with 31 additions and 2 deletions

View File

@ -0,0 +1,26 @@
import { Meta, ArgsTable } from '@storybook/addon-docs';
import SettingsPageTitle from './index';
<Meta title="components/SettingsPageTitle" />
# SettingsPageTitle
This component is used in order to set the title head tag of a setting page.
## Usage
```
import React from 'react'
import { SettingsPageTitle } from '@strapi/helper-plugin';
const HomePage = () => {
return (
<>
<SettingsPageTitle name="Media Library" />
</>
);
};
```
<ArgsTable of={SettingsPageTitle} />

View File

@ -5,7 +5,10 @@ import { Helmet } from 'react-helmet';
const SettingsPageTitle = ({ name }) => {
const { formatMessage } = useIntl();
const text = formatMessage({ id: 'Settings.PageTitle', defaultMessage: 'name' }, { name });
const text = formatMessage(
{ id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },
{ name }
);
return <Helmet title={text} />;
};

View File

@ -89,7 +89,6 @@ export { default as SelectWrapper } from './old/components/SelectWrapper';
export { default as ViewContainer } from './old/components/ViewContainer';
export { default as SettingsPageTitle } from './old/components/SettingsPageTitle';
export { default as FormBloc } from './old/components/FormBloc';
export { default as IntlInput } from './old/components/IntlInput';
export { default as SizedInput } from './old/components/SizedInput';
@ -175,3 +174,4 @@ export { default as CheckPagePermissions } from './components/CheckPagePermissio
export { default as CheckPermissions } from './components/CheckPermissions';
export * from './components/InjectionZone';
export { default as LoadingIndicatorPage } from './components/LoadingIndicatorPage';
export { default as SettingsPageTitle } from './components/SettingsPageTitle';