diff --git a/web/components/filters/desktop-filters.tsx b/web/components/filters/desktop-filters.tsx index c20f70ca..68a927bb 100644 --- a/web/components/filters/desktop-filters.tsx +++ b/web/components/filters/desktop-filters.tsx @@ -23,6 +23,8 @@ import {RomanticFilter, RomanticFilterText} from "web/components/filters/romanti import {FaHeart} from "react-icons/fa"; import {DietFilter, DietFilterText} from "web/components/filters/diet-filter"; import {PoliticalFilter, PoliticalFilterText} from "web/components/filters/political-filter"; +import {GiFruitBowl} from "react-icons/gi"; +import {RiScales3Line} from "react-icons/ri"; export function DesktopFilters(props: { filters: Partial @@ -200,95 +202,95 @@ export function DesktopFilters(props: { menuWidth="w-50" /> - {/* WANTS KIDS */} - { - updateFilter({ - wants_kids_strength: wantsKidsLabelsWithIcon.no_preference.strength, - }) - }, - }, - { - name: wantsKidsLabelsWithIcon.wants_kids.name, - icon: wantsKidsLabelsWithIcon.wants_kids.icon, - onClick: () => { - updateFilter({ - wants_kids_strength: wantsKidsLabelsWithIcon.wants_kids.strength, - }) - }, - }, - { - name: wantsKidsLabelsWithIcon.doesnt_want_kids.name, - icon: wantsKidsLabelsWithIcon.doesnt_want_kids.icon, - onClick: () => { - updateFilter({ - wants_kids_strength: wantsKidsLabelsWithIcon.doesnt_want_kids.strength, - }) - }, - }, - ]} - closeOnClick - buttonClass={'!text-ink-600 !hover:!text-ink-600'} - buttonContent={(open: boolean) => ( - - } - open={open} + {/* WANTS KIDS */} + { + updateFilter({ + wants_kids_strength: wantsKidsLabelsWithIcon.no_preference.strength, + }) + }, + }, + { + name: wantsKidsLabelsWithIcon.wants_kids.name, + icon: wantsKidsLabelsWithIcon.wants_kids.icon, + onClick: () => { + updateFilter({ + wants_kids_strength: wantsKidsLabelsWithIcon.wants_kids.strength, + }) + }, + }, + { + name: wantsKidsLabelsWithIcon.doesnt_want_kids.name, + icon: wantsKidsLabelsWithIcon.doesnt_want_kids.icon, + onClick: () => { + updateFilter({ + wants_kids_strength: wantsKidsLabelsWithIcon.doesnt_want_kids.strength, + }) + }, + }, + ]} + closeOnClick + buttonClass={'!text-ink-600 !hover:!text-ink-600'} + buttonContent={(open: boolean) => ( + + } + open={open} + /> + )} + menuItemsClass={'bg-canvas-50'} + menuWidth="w-48" /> - )} - menuItemsClass={'bg-canvas-50'} - menuWidth="w-48" - /> - {/* HAS KIDS */} - { - updateFilter({has_kids: hasKidsLabels.no_preference.value}) - }, - }, - { - name: hasKidsLabels.doesnt_have_kids.name, - onClick: () => { - updateFilter({has_kids: hasKidsLabels.doesnt_have_kids.value}) - }, - }, - { - name: hasKidsLabels.has_kids.name, - onClick: () => { - updateFilter({has_kids: hasKidsLabels.has_kids.value}) - }, - }, - ]} - closeOnClick - buttonClass={'!text-ink-600 !hover:!text-ink-600'} - buttonContent={(open: boolean) => ( - - } - open={open} + {/* HAS KIDS */} + { + updateFilter({has_kids: hasKidsLabels.no_preference.value}) + }, + }, + { + name: hasKidsLabels.doesnt_have_kids.name, + onClick: () => { + updateFilter({has_kids: hasKidsLabels.doesnt_have_kids.value}) + }, + }, + { + name: hasKidsLabels.has_kids.name, + onClick: () => { + updateFilter({has_kids: hasKidsLabels.has_kids.value}) + }, + }, + ]} + closeOnClick + buttonClass={'!text-ink-600 !hover:!text-ink-600'} + buttonContent={(open: boolean) => ( + + } + open={open} + /> + )} + menuItemsClass="bg-canvas-50" + menuWidth="w-40" /> - )} - menuItemsClass="bg-canvas-50" - menuWidth="w-40" - /> } @@ -300,6 +302,7 @@ export function DesktopFilters(props: { open={open} content={ + + } + // icon={} selection={ } + // icon={} selection={