From fcd5bf23ba7c0d3e4078b232a9a5d4be32d7c565 Mon Sep 17 00:00:00 2001
From: OGreeni <omri.green1@gmail.com>
Date: Wed, 22 May 2024 14:15:22 -0400
Subject: [PATCH] add delivery location dropdown

---
 .idea/workspace.xml                     |  4 +--
 frontend/src/app/client-form/Client.tsx | 36 ++++++++++++++++++++-----
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index c3b7f20..180408c 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -6,7 +6,7 @@
   <component name="ChangeListManager">
     <list default="true" id="63abdba7-266c-46a5-96d5-912a95078c1f" name="Changes" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/src/app/sites/page.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/app/sites/page.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/app/client-form/Client.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/app/client-form/Client.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -119,7 +119,7 @@
       <workItem from="1713308780847" duration="45000" />
       <workItem from="1713374549364" duration="434000" />
       <workItem from="1716225604638" duration="10000" />
-      <workItem from="1716396891773" duration="3783000" />
+      <workItem from="1716396891773" duration="4218000" />
     </task>
     <servers />
   </component>
diff --git a/frontend/src/app/client-form/Client.tsx b/frontend/src/app/client-form/Client.tsx
index b7b43c2..d8a3f68 100644
--- a/frontend/src/app/client-form/Client.tsx
+++ b/frontend/src/app/client-form/Client.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useUserContext } from '@/context/userContext';
 import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import { Button } from '@/components/core/Button';
 import { TextInput } from '@/components/core/TextInput';
@@ -30,6 +31,23 @@ interface ClientProps {
 
 function Client(props: ClientProps) {
     const [isError, setIsError] = useState(false);
+    const [siteLocations, setSiteLocations] = useState<any[]>([]);
+
+    const { accessToken } = useUserContext();
+
+    useEffect(() => {
+        fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/site/all`, {
+            credentials: 'include',
+            headers: {
+                'cca-auth-token': accessToken,
+            },
+        })
+            .then((res) => res.json())
+            .then((sites) => {
+                setSiteLocations(sites);
+                props.setSite(sites[0].location);
+            });
+    }, [accessToken, props]);
 
     return (
         <form className="">
@@ -57,12 +75,18 @@ function Client(props: ClientProps) {
             <div className='mt-5 after:ml-0.5 after:text-[red] after:content-["*"]'>
                 Delivery Site Location
             </div>
-            <TextInput
-                value={props.site || ''}
-                placeholder={''}
-                onChange={props.setSite}
-                required
-            />
+            <select
+                onChange={(e) => props.setSite(e.target.value)}
+                className="w-[395px]"
+            >
+                {siteLocations.map((location) => {
+                    return (
+                        <option key={location._id} value={location._id}>
+                            {location.location}
+                        </option>
+                    );
+                })}
+            </select>
 
             <div className='mt-5 after:ml-0.5 after:text-[red] after:content-["*"]'>
                 Street Address