From e3ede67c3ba361e3621c9ce202df62805e1ac113 Mon Sep 17 00:00:00 2001
From: oscarbakker <bakkeroscar@gmail.com>
Date: Mon, 16 Dec 2024 11:51:02 +0100
Subject: [PATCH] Add filter and sort to parkeren list page

---
 src/client/pages/Parkeren/ParkerenList.tsx         | 4 +++-
 src/client/pages/Parkeren/useParkerenData.hook.tsx | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/client/pages/Parkeren/ParkerenList.tsx b/src/client/pages/Parkeren/ParkerenList.tsx
index bd52b91dc..5e4fb8919 100644
--- a/src/client/pages/Parkeren/ParkerenList.tsx
+++ b/src/client/pages/Parkeren/ParkerenList.tsx
@@ -23,7 +23,9 @@ export function ParkerenList() {
 
   return (
     <ListPagePaginated
-      items={parkeerVergunningenFromThemaVergunningen}
+      items={parkeerVergunningenFromThemaVergunningen
+        .filter(tableConfig[params.kind].filter)
+        .sort(tableConfig[params.kind].sort)}
       backLinkTitle={ThemaTitles.PARKEREN}
       title={title ?? ''}
       appRoute={AppRoutes['PARKEREN/LIST']}
diff --git a/src/client/pages/Parkeren/useParkerenData.hook.tsx b/src/client/pages/Parkeren/useParkerenData.hook.tsx
index 40d446011..b48198f28 100644
--- a/src/client/pages/Parkeren/useParkerenData.hook.tsx
+++ b/src/client/pages/Parkeren/useParkerenData.hook.tsx
@@ -18,7 +18,7 @@ export const PARKEER_CASE_TYPES: Set<DecosCaseType> = new Set([
   CaseType.TouringcarJaarontheffing,
 ]);
 
-function getVergunningenFromThemaVergunningen(
+function getParkeervergunningen(
   content: VergunningFrontendV2[] | Vergunning[] | null
 ) {
   return addLinkElementToProperty<VergunningFrontendV2 | Vergunning>(
@@ -47,7 +47,7 @@ export function useParkerenData() {
       : VERGUNNINGENv2.content) ?? [];
 
   const parkeerVergunningenFromThemaVergunningen =
-    getVergunningenFromThemaVergunningen(vergunningen);
+    getParkeervergunningen(vergunningen);
   const hasMijnParkerenVergunningen = !!PARKEREN.content?.isKnown;
 
   return {