From 88de7c2f003bb591dfd2caff041c5ee3dbd8c346 Mon Sep 17 00:00:00 2001
From: Oliver Fritz <oliver.fritz@heigit.org>
Date: Tue, 17 Dec 2024 13:50:22 +0100
Subject: [PATCH] feat(manager-dashboard): add creator id input to mapillary
 image filters

---
 manager-dashboard/app/views/NewProject/index.tsx | 15 ++++++++++++---
 manager-dashboard/app/views/NewProject/utils.ts  |  8 ++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/manager-dashboard/app/views/NewProject/index.tsx b/manager-dashboard/app/views/NewProject/index.tsx
index 6c3c6bef..9d4acf35 100644
--- a/manager-dashboard/app/views/NewProject/index.tsx
+++ b/manager-dashboard/app/views/NewProject/index.tsx
@@ -318,8 +318,8 @@ function NewProject(props: Props) {
                 valuesToCopy.geometry = res.geometry;
             }
 
-            valuesToCopy.startTimestamp = valuesToCopy.dateRange?.startDate || null;
-            valuesToCopy.endTimestamp = valuesToCopy.dateRange?.endDate || null;
+            valuesToCopy.startTimestamp = valuesToCopy.dateRange?.startDate ?? null;
+            valuesToCopy.endTimestamp = valuesToCopy.dateRange?.endDate ?? null;
 
             const storage = getStorage();
             const timestamp = (new Date()).getTime();
@@ -720,13 +720,22 @@ function NewProject(props: Props) {
                     >
                         <DateRangeInput
                             name={'dateRange' as const}
-                            value={value?.dateRange} // TODO type issue
+                            value={value?.dateRange}
                             onChange={setFieldValue}
                             error={error?.dateRange}
                             label="Date range"
                             hint="Choose a date range to filter images by the date they were captured at. Empty indicates that images of all capture dates are used."
                             disabled={submissionPending || projectTypeEmpty}
                         />
+                        <NumberInput
+                            name={'creatorId' as const}
+                            value={value?.creatorId}
+                            onChange={setFieldValue}
+                            error={error?.creatorId}
+                            label="Image Creator ID"
+                            hint="Provide a valid Mapillary creator ID to filter for images belonging to a specific Mapillary user."
+                            disabled={submissionPending || projectTypeEmpty}
+                        />
                         <NumberInput
                             name={'organizationId' as const}
                             value={value?.organizationId}
diff --git a/manager-dashboard/app/views/NewProject/utils.ts b/manager-dashboard/app/views/NewProject/utils.ts
index 236fe943..57efed00 100644
--- a/manager-dashboard/app/views/NewProject/utils.ts
+++ b/manager-dashboard/app/views/NewProject/utils.ts
@@ -82,6 +82,7 @@ export interface ProjectFormType {
     startTimestamp?: string | null;
     endTimestamp?: string | null;
     organizationId?: number;
+    creatorId?: number;
     isPano?: boolean;
     samplingThreshold?: number;
 }
@@ -284,6 +285,13 @@ export const projectFormSchema: ProjectFormSchema = {
             dateRange: {
                 required: false,
             },
+            creatorId: {
+                required: false,
+                validations: [
+                    integerCondition,
+                    greaterThanCondition(0),
+                ],
+            },
             organizationId: {
                 required: false,
                 validations: [