mirror of https://git.sr.ht/~ashkeel/strimertul
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { useTranslation } from 'react-i18next';
|
|
import {
|
|
PageContainer,
|
|
PageHeader,
|
|
PageTitle,
|
|
TabButton,
|
|
TabContainer,
|
|
TabContent,
|
|
TabList,
|
|
TextBlock,
|
|
} from '../../../theme';
|
|
import { GoalsTab } from './GoalsTab';
|
|
import { RewardsTab } from './RewardsTab';
|
|
|
|
export default function LoyaltyRewardsPage(): React.ReactElement {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<PageContainer>
|
|
<PageHeader>
|
|
<PageTitle>{t('pages.loyalty-rewards.title')}</PageTitle>
|
|
<TextBlock>{t('pages.loyalty-rewards.subtitle')}</TextBlock>
|
|
</PageHeader>
|
|
<TabContainer defaultValue="rewards">
|
|
<TabList>
|
|
<TabButton value="rewards">
|
|
{t('pages.loyalty-rewards.rewards-tab')}
|
|
</TabButton>
|
|
<TabButton value="goals">
|
|
{t('pages.loyalty-rewards.goals-tab')}
|
|
</TabButton>
|
|
</TabList>
|
|
<TabContent value="rewards">
|
|
<RewardsTab />
|
|
</TabContent>
|
|
<TabContent value="goals">
|
|
<GoalsTab />
|
|
</TabContent>
|
|
</TabContainer>
|
|
</PageContainer>
|
|
);
|
|
}
|