Convert text for internationalization.

components/settings/Settings.js

@@ -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>
   );