From cccd6604e01f8e4b94118f4c1ee8dcca906bddf8 Mon Sep 17 00:00:00 2001
From: Remko Huisman <43807324+remko48@users.noreply.github.com>
Date: Mon, 18 Sep 2023 16:19:05 +0200
Subject: [PATCH] Added github issue requested changes.

---
 .../resultsDisplaySwitch/ResultsDisplaySwitch.module.css  | 2 ++
 pwa/src/context/filters.ts                                | 4 ++--
 .../templates/templateParts/filters/FiltersTemplate.tsx   | 8 ++++----
 .../tableResultsTemplate/TableResultsTemplate.tsx         | 4 +++-
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/pwa/src/components/resultsDisplaySwitch/ResultsDisplaySwitch.module.css b/pwa/src/components/resultsDisplaySwitch/ResultsDisplaySwitch.module.css
index e05def83..c9adcdb3 100644
--- a/pwa/src/components/resultsDisplaySwitch/ResultsDisplaySwitch.module.css
+++ b/pwa/src/components/resultsDisplaySwitch/ResultsDisplaySwitch.module.css
@@ -1,5 +1,7 @@
 .container {
   align-items: center;
+  flex-wrap: nowrap;
+  margin-inline-start: 12px;
 }
 
 .button:hover {
diff --git a/pwa/src/context/filters.ts b/pwa/src/context/filters.ts
index f263d509..187af7e6 100644
--- a/pwa/src/context/filters.ts
+++ b/pwa/src/context/filters.ts
@@ -5,14 +5,14 @@ export interface IFiltersContext {
   _search: string | undefined;
   "Ontvangstdatum[after]": string | undefined;
   "Ontvangstdatum[before]": string | undefined;
-  publicationType: string | undefined;
+  Categorie: string | undefined;
 }
 
 export const defaultFiltersContext: IFiltersContext = {
   _search: "",
   "Ontvangstdatum[after]": undefined,
   "Ontvangstdatum[before]": undefined,
-  publicationType: undefined,
+  Categorie: undefined,
 };
 
 export const useFiltersContext = () => {
diff --git a/pwa/src/templates/templateParts/filters/FiltersTemplate.tsx b/pwa/src/templates/templateParts/filters/FiltersTemplate.tsx
index 906d618c..c53a3500 100644
--- a/pwa/src/templates/templateParts/filters/FiltersTemplate.tsx
+++ b/pwa/src/templates/templateParts/filters/FiltersTemplate.tsx
@@ -33,7 +33,7 @@ export const FiltersTemplate: React.FC<FiltersTemplateProps> = ({ isLoading }) =
       _search: data.title,
       "Ontvangstdatum[after]": data.year?.after,
       "Ontvangstdatum[before]": data.year?.before,
-      publicationType: data.publicationType?.value,
+      Categorie: data.category?.value,
     });
   };
 
@@ -58,9 +58,9 @@ export const FiltersTemplate: React.FC<FiltersTemplateProps> = ({ isLoading }) =
 
         <SelectSingle
           options={TEMP_PUBLICATION_TYPES}
-          name="publicationType"
-          placeholder="Publicatietype"
-          defaultValue={TEMP_PUBLICATION_TYPES.find((option) => option.value === filters.publicationType)}
+          name="category"
+          placeholder="Onderwerp"
+          defaultValue={TEMP_PUBLICATION_TYPES.find((option) => option.value === filters.Categorie)}
           isClearable
           {...{ register, errors, control }}
         />
diff --git a/pwa/src/templates/templateParts/tableResultsTemplate/TableResultsTemplate.tsx b/pwa/src/templates/templateParts/tableResultsTemplate/TableResultsTemplate.tsx
index d8c1d6fa..84b8f50a 100644
--- a/pwa/src/templates/templateParts/tableResultsTemplate/TableResultsTemplate.tsx
+++ b/pwa/src/templates/templateParts/tableResultsTemplate/TableResultsTemplate.tsx
@@ -23,7 +23,8 @@ export const TableResultsTemplate: React.FC<TableResultsTemplateProps> = ({ requ
     <Table className={styles.table}>
       <TableHeader className={styles.tableHeader}>
         <TableRow>
-          <TableHeaderCell>Name</TableHeaderCell>
+          <TableHeaderCell>Woo-verzoek</TableHeaderCell>
+          <TableHeaderCell>Onderwerp</TableHeaderCell>
           <TableHeaderCell>Ontvangstdatum</TableHeaderCell>
           <TableHeaderCell>Besluitdatum</TableHeaderCell>
           <TableHeaderCell>Besluit</TableHeaderCell>
@@ -33,6 +34,7 @@ export const TableResultsTemplate: React.FC<TableResultsTemplateProps> = ({ requ
         {requests.map((request) => (
           <TableRow className={styles.tableRow} key={request.id} onClick={() => navigate(request.id)}>
             <TableCell>{request.Titel}</TableCell>
+            <TableCell>{request.Categorie ?? "-"}</TableCell>
             <TableCell>{translateDate(i18n.language, request.Ontvangstdatum) ?? "-"}</TableCell>
             <TableCell>{translateDate(i18n.language, request.Besluitdatum) ?? "-"}</TableCell>
             <TableCell>{request.Besluit !== "" ? request.Besluit : "Geen besluit beschikbaar"}</TableCell>