From f3a5275522c90a9ddc961b994a8c9adc041d0f3d Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sat, 17 Apr 2021 15:13:00 +0300 Subject: feat: complete filtering logic --- src/containers/Page.tsx | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) (limited to 'src/containers/Page.tsx') diff --git a/src/containers/Page.tsx b/src/containers/Page.tsx index 467e458..458bf15 100644 --- a/src/containers/Page.tsx +++ b/src/containers/Page.tsx @@ -8,12 +8,17 @@ interface Props { title?: string; actions?: Action[]; filters?: Filter[]; + applyFilter?: (key: string, value: string) => void; className?: string; } const style = 'mb-2 flex justify-between md:flex-row md:items-center'; -const Page: React.FC = ({ title, actions, filters, className, children }) => { +const Page: React.FC = ({ title, actions, filters, applyFilter, className, children }) => { + const handleFilterChange = (key: string) => (event: React.ChangeEvent) => { + if (applyFilter) applyFilter(key, event.target.value); + }; + return (
1 ? 'flex-col items-start' : 'flex-row items-center'}`}> @@ -21,7 +26,12 @@ const Page: React.FC = ({ title, actions, filters, className, children })
{filters?.map(filter => ( - + ))}
-- cgit v1.2.3