diff --git a/packages/react-app/src/components/filter.tsx b/packages/react-app/src/components/filter.tsx index 8773e3e2..0d0db484 100644 --- a/packages/react-app/src/components/filter.tsx +++ b/packages/react-app/src/components/filter.tsx @@ -5,6 +5,7 @@ import { QuestStatus } from 'src/enums/quest-status.enum'; import { ThemeInterface } from 'src/styles/theme'; import { GUpx } from 'src/utils/style.util'; import styled, { css } from 'styled-components'; +import { QuestPlayStatus } from 'src/enums/quest-play-status.enum'; import { DEFAULT_FILTER } from '../constants'; import DateFieldInput from './field-input/date-field-input'; import { FieldInput } from './field-input/field-input'; @@ -79,7 +80,11 @@ type Props = { }; const QuestStatusOptions = [QuestStatus.Active, QuestStatus.Expired, QuestStatus.All]; - +const QuestPlayStatusOptions = [ + QuestPlayStatus.All, + QuestPlayStatus.Played, + QuestPlayStatus.Unplayed, +]; export function Filter({ compact }: Props) { const { filter, setFilter, toggleFilter } = useFilterContext(); const theme = useTheme(); @@ -152,6 +157,23 @@ export function Filter({ compact }: Props) { compact={compact} /> + + + setFilter({ ...filter, playStatus: QuestPlayStatusOptions[i] }) + } + wide + compact={compact} + /> +