From 6de7feefc10ea7c6652919ab16cabcb2091a9bb2 Mon Sep 17 00:00:00 2001
From: lora322 <39804183+lora322@users.noreply.github.com>
Date: Thu, 11 Sep 2025 11:58:33 -0400
Subject: [PATCH 1/2] Fetch property options for new orders page

---
 frontend/src/pages/orders/orders-new.tsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/orders/orders-new.tsx b/frontend/src/pages/orders/orders-new.tsx
index 12c6239..be89d26 100644
--- a/frontend/src/pages/orders/orders-new.tsx
+++ b/frontend/src/pages/orders/orders-new.tsx
@@ -50,6 +50,22 @@ const OrdersNew = () => {
   const router = useRouter();
   const dispatch = useAppDispatch();
 
+   // State for property options
+  const [propertyOptions, setPropertyOptions] = useState([]);
+
+  // Fetch property options from your backend API
+  useEffect(() => {
+    fetch('/api/properties') // <-- update as appropriate
+      .then(res => res.json())
+      .then(data => {
+        const options = data.map(property => ({
+          value: property.id,
+          label: property.name,
+        }));
+        setPropertyOptions(options);
+      });
+  }, []);
+  
   const handleSubmit = async (data) => {
     await dispatch(create(data));
     await router.push('/orders/orders-list');
@@ -88,9 +104,9 @@ const OrdersNew = () => {
                   name='property'
                   id='property'
                   component={SelectField}
-                  options={[]}
+                  options={propertyOptions}
                   itemRef={'properties'}
-                ></Field>
+                />
               </FormField>
 
               <FormField label='RequestedDate'>

From b6e0235f889b5584620006747e0b8d9e2d3b621e Mon Sep 17 00:00:00 2001
From: lora322 <39804183+lora322@users.noreply.github.com>
Date: Thu, 11 Sep 2025 12:27:54 -0400
Subject: [PATCH 2/2] Change property options API endpoint to deployed URL

---
 frontend/src/pages/orders/orders-new.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/orders/orders-new.tsx b/frontend/src/pages/orders/orders-new.tsx
index be89d26..89900cb 100644
--- a/frontend/src/pages/orders/orders-new.tsx
+++ b/frontend/src/pages/orders/orders-new.tsx
@@ -55,7 +55,7 @@ const OrdersNew = () => {
 
   // Fetch property options from your backend API
   useEffect(() => {
-    fetch('/api/properties') // <-- update as appropriate
+    fetch('https://vres.flatlogic.app/api/properties') // <-- uses deployed api
       .then(res => res.json())
       .then(data => {
         const options = data.map(property => ({