Convert text for internationalization.

This commit is contained in:
Mike Cao 2020-09-05 17:27:01 -07:00
parent 6833a5bdb0
commit f0ac9b6522
36 changed files with 1091 additions and 196 deletions

View file

@ -5,23 +5,35 @@ import WebsiteSettings from './WebsiteSettings';
import AccountSettings from './AccountSettings';
import ProfileSettings from './ProfileSettings';
import { useSelector } from 'react-redux';
import { FormattedMessage } from 'react-intl';
const WEBSITES = 1;
const ACCOUNTS = 2;
const PROFILE = 3;
export default function Settings() {
const user = useSelector(state => state.user);
const [option, setOption] = useState(1);
const [option, setOption] = useState(WEBSITES);
const menuOptions = [
{ label: 'Websites', value: 1 },
{ label: 'Accounts', value: 2, hidden: !user.is_admin },
{ label: 'Profile', value: 3 },
{
label: <FormattedMessage id="settings.websites" defaultMessage="Websites" />,
value: WEBSITES,
},
{
label: <FormattedMessage id="settings.accounts" defaultMessage="Accounts" />,
value: ACCOUNTS,
hidden: !user.is_admin,
},
{ label: <FormattedMessage id="settings.profile" defaultMessage="Profile" />, value: PROFILE },
];
return (
<Page>
<MenuLayout menu={menuOptions} selectedOption={option} onMenuSelect={setOption}>
{option === 1 && <WebsiteSettings />}
{option === 2 && <AccountSettings />}
{option === 3 && <ProfileSettings />}
{option === WEBSITES && <WebsiteSettings />}
{option === ACCOUNTS && <AccountSettings />}
{option === PROFILE && <ProfileSettings />}
</MenuLayout>
</Page>
);