0.5.0

Reviewed-on: #63
Reviewed-by: Primakov Alexandr Alexandrovich <primakovpro@gmail.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "dry-wash",
-    "version": "0.4.0",
+    "version": "0.5.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "dry-wash",
-            "version": "0.4.0",
+            "version": "0.5.0",
             "license": "ISC",
             "dependencies": {
                 "@brojs/cli": "^1.6.3",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "dry-wash",
-    "version": "0.4.0",
+    "version": "0.5.0",
     "description": "<a id=\"readme-top\"></a>",
     "main": "./src/index.tsx",
     "scripts": {

src/api/arm.ts

@@ -1,4 +1,5 @@
 import { getConfigValue } from '@brojs/cli';
+import dayjs from 'dayjs';
 
 enum ArmEndpoints {
   ORDERS = '/arm/orders',
@@ -9,12 +10,15 @@ const armService = () => {
   const endpoint = getConfigValue('dry-wash.api');
 
   const fetchOrders = async ({ date }: { date: Date }) => {
+    const startDate = dayjs(date).startOf('day').toISOString();
+    const endDate = dayjs(date).endOf('day').toISOString();
+
     const response = await fetch(`${endpoint}${ArmEndpoints.ORDERS}`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
       },
-      body: JSON.stringify({ date }),
+      body: JSON.stringify({ startDate, endDate }),
     });
 
     if (!response.ok) {

src/components/order-form/form/helper.ts

@@ -1,5 +1,7 @@
 import { useTranslation } from "react-i18next";
+import { getConfigValue } from '@brojs/cli';
 import { InputProps, SelectProps } from "@chakra-ui/react";
+import dayjs from "dayjs";
 
 import { Order } from "../../../models/landing";
 
@@ -50,17 +52,28 @@ export const formatFormValues = ({ phone, carNumber, carBody, carColor, carLocat
     },
     washing: {
       location: carLocation,
-      begin: availableDatetimeBegin,
-      end: availableDatetimeEnd,
+      begin: dayjs(availableDatetimeBegin).toISOString(),
+      end: dayjs(availableDatetimeEnd).toISOString(),
     }
   };
 };
 
-export const onSubmit = (values: OrderFormValues) => {
-  return new Promise((resolve) => {
-    console.log(formatFormValues(values));
-    resolve(formatFormValues(values));
+const endpoint = getConfigValue('dry-wash.api');
+
+export const onSubmit = async (values: OrderFormValues) => {
+  const response = await fetch(`${endpoint}/order/create`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(formatFormValues(values)),
   });
+
+  if (!response.ok) {
+    throw new Error(`Failed to create order: ${response.status}`);
+  }
+
+  return await response.json();
 };
 
 export const inputCommonStyles: Partial<InputProps & SelectProps> = {

stubs/api/index.js

@@ -76,6 +76,12 @@ router.get('/order/:orderId', ({ params }, res) => {
     );
 });
 
+router.post('/order/create', (req, res) => {
+  res
+    .status(200)
+    .send({ success: true, body: { ok: true } });
+});
+
 router.use('/admin', require('./admin'));
 
 module.exports = router;