import { CheckIcon, PlusIcon } from '@radix-ui/react-icons';
import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useDispatch } from 'react-redux';
import { useModule } from '../../lib/react-utils';
import { modules } from '../../store/api/reducer';
import { LoyaltyReward } from '../../store/api/types';
import DialogContent from '../components/DialogContent';
import Interval from '../components/Interval';
import {
Button,
Checkbox,
CheckboxIndicator,
Dialog,
DialogActions,
Field,
FieldNote,
FlexRow,
InputBox,
Label,
PageContainer,
PageHeader,
PageTitle,
TabButton,
TabContainer,
TabContent,
TabList,
Textarea,
TextBlock,
} from '../theme';
function RewardsPage() {
const { t } = useTranslation();
const dispatch = useDispatch();
const [rewards, setRewards] = useModule(modules.loyaltyRewards);
const [filter, setFilter] = useState('');
const [dialogReward, setDialogReward] = useState<{
open: boolean;
new: boolean;
reward: LoyaltyReward;
}>({ open: false, new: false, reward: null });
const [requiredInfo, setRequiredInfo] = useState({
enabled: false,
text: '',
});
return (
<>
setFilter(e.target.value)}
/>
>
);
}
function GoalsPage() {
const { t } = useTranslation();
return <>>;
}
export default function LoyaltyRewardsPage(): React.ReactElement {
const { t } = useTranslation();
return (
{t('pages.loyalty-rewards.title')}
{t('pages.loyalty-rewards.subtitle')}
{t('pages.loyalty-rewards.rewards-tab')}
{t('pages.loyalty-rewards.goals-tab')}
);
}