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}
+ />
+