diff --git a/app/components/overview/filter_bar.tsx b/app/components/overview/filter_bar.tsx index 87a077a..0f6b5ba 100644 --- a/app/components/overview/filter_bar.tsx +++ b/app/components/overview/filter_bar.tsx @@ -2,12 +2,12 @@ import * as React from 'react'; import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'; import { type VariantProps } from 'class-variance-authority'; -import { Vegan, Sprout, MilkOff, WheatOff } from 'lucide-react'; +import { Vegan, Sprout, MilkOff, WheatOff, CalendarCheck } from 'lucide-react'; import { useTranslation } from 'react-i18next'; import { ToggleGroup, ToggleGroupItem } from '~/shadcn/components/ui/toggle-group'; -export type FilterValue = 'vegan' | 'vegetarian' | 'lactoseFree' | 'glutenFree'; +export type FilterValue = 'vegan' | 'vegetarian' | 'lactoseFree' | 'glutenFree' | 'hasMenuToday'; export interface FilterBarProps { value: FilterValue[]; @@ -34,6 +34,14 @@ export function FilterBar({ value, onChange }: FilterBarProps) {
{t('filters.vegan')}
+ + +
{t('filters.hasMenuToday')}
+
}, { value: 'lactoseFree', label: t('filters.lactoseFree'), icon: }, { value: 'glutenFree', label: t('filters.glutenFree'), icon: }, + ...(mode === 'restaurants' + ? [ + { + value: 'hasMenuToday' as FilterValue, + label: t('filters.hasMenuToday'), + icon: , + }, + ] + : []), ]; const Section = ({ diff --git a/app/components/overview/service_section/use_restaurant_items_with_filters.ts b/app/components/overview/service_section/use_restaurant_items_with_filters.ts index 3dc2704..5a8b2c3 100644 --- a/app/components/overview/service_section/use_restaurant_items_with_filters.ts +++ b/app/components/overview/service_section/use_restaurant_items_with_filters.ts @@ -82,6 +82,8 @@ export function useRestaurantItemsWithFilters({ return hasLactoseFreeOption(menu); case 'glutenFree': return hasGlutenFreeOption(menu); + case 'hasMenuToday': + return !!menu && !!menu.dishes && menu.dishes.length > 0; default: return true; } diff --git a/app/i18n.ts b/app/i18n.ts index 6678fc6..db03ce4 100644 --- a/app/i18n.ts +++ b/app/i18n.ts @@ -46,10 +46,12 @@ const resources = { vegetarian: 'Vegetarian', lactoseFree: 'Lactose-free', glutenFree: 'Gluten-free', + hasMenuToday: 'Has menu for today', toggleVegan: 'Toggle vegan', toggleVegetarian: 'Toggle vegetarian', toggleLactoseFree: 'Toggle lactose free', toggleGlutenFree: 'Toggle gluten free', + toggleHasMenuToday: 'Toggle menu for today', }, menu: { dishesTitle: '{{name}}', @@ -302,10 +304,12 @@ const resources = { vegetarian: 'Wegetariańskie', lactoseFree: 'Bez laktozy', glutenFree: 'Bez glutenu', + hasMenuToday: 'Ma menu na dziś', toggleVegan: 'Przełącz filtr wegański', toggleVegetarian: 'Przełącz filtr wegetariański', toggleLactoseFree: 'Przełącz filtr bez laktozy', toggleGlutenFree: 'Przełącz filtr bezglutenowy', + toggleHasMenuToday: 'Przełącz ma menu na dziś', }, menu: { dishesTitle: '{{name}}',