Refactored intl messages.

This commit is contained in:
Mike Cao 2023-01-25 07:42:46 -08:00
parent fbccf4d3af
commit 7725b5c129
44 changed files with 558 additions and 485 deletions

View file

@ -1,6 +1,6 @@
import { useEffect, useState } from 'react';
import { Breadcrumbs, Item, Tabs, useToast, Button, Text, Icon, Icons } from 'react-basics';
import { defineMessages, useIntl } from 'react-intl';
import { useIntl } from 'react-intl';
import Link from 'next/link';
import Page from 'components/layout/Page';
import PageHeader from 'components/layout/PageHeader';
@ -9,19 +9,10 @@ import WebsiteReset from 'components/pages/settings/websites/WebsiteReset';
import TrackingCode from 'components/pages/settings/websites/TrackingCode';
import ShareUrl from 'components/pages/settings/websites/ShareUrl';
import useApi from 'hooks/useApi';
import { labels, messages } from 'components/messages';
const { External } = Icons;
const messages = defineMessages({
websites: { id: 'label.websites', defaultMessage: 'Websites' },
details: { id: 'label.details', defaultMessage: 'Details' },
trackingCode: { id: 'label.tracking-code', defaultMessage: 'Tracking code' },
shareUrl: { id: 'label.share-url', defaultMessage: 'Share URL' },
actions: { id: 'label.actions', defaultMessage: 'Actions' },
view: { id: 'label.view', defaultMessage: 'View' },
saved: { id: 'message.saved-successfully', defaultMessage: 'Save successfully.' },
});
export default function WebsiteSettings({ websiteId }) {
const { formatMessage } = useIntl();
const [values, setValues] = useState(null);
@ -55,7 +46,7 @@ export default function WebsiteSettings({ websiteId }) {
<PageHeader>
<Breadcrumbs>
<Item>
<Link href="/settings/websites">{formatMessage(messages.websites)}</Link>
<Link href="/settings/websites">{formatMessage(labels.websites)}</Link>
</Item>
<Item>{values?.name}</Item>
</Breadcrumbs>
@ -65,23 +56,23 @@ export default function WebsiteSettings({ websiteId }) {
<Icon>
<External />
</Icon>
<Text>{formatMessage(messages.view)}</Text>
<Text>{formatMessage(labels.view)}</Text>
</Button>
</a>
</Link>
</PageHeader>
<Tabs selectedKey={tab} onSelect={setTab} style={{ marginBottom: 30 }}>
<Item key="details">{formatMessage(messages.details)}</Item>
<Item key="tracking">{formatMessage(messages.trackingCode)}</Item>
<Item key="share">{formatMessage(messages.shareUrl)}</Item>
<Item key="actions">{formatMessage(messages.actions)}</Item>
<Item key="details">{formatMessage(labels.details)}</Item>
<Item key="tracking">{formatMessage(labels.trackingCode)}</Item>
<Item key="share">{formatMessage(labels.shareUrl)}</Item>
<Item key="data">{formatMessage(labels.data)}</Item>
</Tabs>
{tab === 'details' && (
<WebsiteEditForm websiteId={websiteId} data={values} onSave={handleSave} />
)}
{tab === 'tracking' && <TrackingCode websiteId={websiteId} data={values} />}
{tab === 'share' && <ShareUrl websiteId={websiteId} data={values} onSave={handleSave} />}
{tab === 'actions' && <WebsiteReset websiteId={websiteId} onSave={handleSave} />}
{tab === 'data' && <WebsiteReset websiteId={websiteId} onSave={handleSave} />}
</Page>
);
}