From ac702889b061e1850efb9ba2b09ce397459883cc Mon Sep 17 00:00:00 2001
From: mrevanzak <mrevanzak@gmail.com>
Date: Mon, 4 Dec 2023 12:41:50 +0700
Subject: [PATCH] feat: verified order status

---
 apps/expo/src/app/(app)/order/[orderId].tsx | 72 ++++++++++++---------
 apps/expo/src/app/(app)/order/index.tsx     |  2 +
 packages/api/src/router/orders.ts           | 25 ++-----
 packages/db/schema/log-orders.ts            |  1 +
 packages/db/schema/orders.ts                |  5 ++
 5 files changed, 53 insertions(+), 52 deletions(-)

diff --git a/apps/expo/src/app/(app)/order/[orderId].tsx b/apps/expo/src/app/(app)/order/[orderId].tsx
index e10ab7c..09743fc 100644
--- a/apps/expo/src/app/(app)/order/[orderId].tsx
+++ b/apps/expo/src/app/(app)/order/[orderId].tsx
@@ -4,6 +4,7 @@ import {
   AnimatedImage,
   BorderRadiuses,
   Button,
+  Colors,
   Spacings,
   Text,
   TouchableOpacity,
@@ -56,29 +57,9 @@ export default function OrderDetailScreen() {
   });
 
   const utils = api.useUtils();
-  const confirmOrder = api.order.confirmOrder.useMutation();
-  const onConfirmOrder = () => {
-    confirmOrder.mutate(
-      {
-        id: orderId as string,
-      },
-      {
-        onSuccess: () => void utils.order.invalidate(),
-      },
-    );
-  };
-
-  const confirmDelivered = api.order.confirmDelivered.useMutation();
-  const onConfirmDelivered = () => {
-    confirmDelivered.mutate(
-      {
-        id: orderId as string,
-      },
-      {
-        onSuccess: () => void utils.order.invalidate(),
-      },
-    );
-  };
+  const confirmOrder = api.order.confirmOrder.useMutation({
+    onSuccess: () => void utils.order.invalidate(),
+  });
 
   const getStatus = (status: z.infer<typeof schema.orderStatusEnum>) => {
     switch (status) {
@@ -86,6 +67,8 @@ export default function OrderDetailScreen() {
         return "Pesanan dibuat";
       case "payment":
         return "Pembayaran berhasil";
+      case "verified":
+        return "Pembayaran diverifikasi";
       case "confirmed":
         return "Pesanan dikonfirmasi";
       case "shipped":
@@ -98,15 +81,35 @@ export default function OrderDetailScreen() {
   };
 
   const renderSellerAction = () => {
-    if (orders?.status === "payment") {
+    if (orders?.status === "verified") {
       return (
-        <Button
-          label="Terima pesanan"
-          bg-secondary
-          primary
-          borderRadius={BorderRadiuses.br30}
-          onPress={onConfirmOrder}
-        />
+        <View className="space-y-4">
+          <Button
+            label="Tolak pesanan"
+            bg-red20
+            outline
+            outlineColor={Colors.red20}
+            borderRadius={BorderRadiuses.br30}
+            onPress={() =>
+              confirmOrder.mutate({
+                id: orderId as string,
+                status: "cancelled",
+              })
+            }
+          />
+          <Button
+            label="Terima pesanan"
+            bg-secondary
+            primary
+            borderRadius={BorderRadiuses.br30}
+            onPress={() =>
+              confirmOrder.mutate({
+                id: orderId as string,
+                status: "confirmed",
+              })
+            }
+          />
+        </View>
       );
     }
     if (orders?.status === "confirmed") {
@@ -300,7 +303,12 @@ export default function OrderDetailScreen() {
             bg-secondary
             primary
             borderRadius={BorderRadiuses.br30}
-            onPress={onConfirmDelivered}
+            onPress={() =>
+              confirmOrder.mutate({
+                id: orderId as string,
+                status: "done",
+              })
+            }
           />
         )}
         {isSeller && !!+isSeller && renderSellerAction()}
diff --git a/apps/expo/src/app/(app)/order/index.tsx b/apps/expo/src/app/(app)/order/index.tsx
index d876e9b..8f5a30e 100644
--- a/apps/expo/src/app/(app)/order/index.tsx
+++ b/apps/expo/src/app/(app)/order/index.tsx
@@ -29,6 +29,8 @@ export default function OrdersScreen() {
         return "Menunggu pembayaran";
       case "payment":
         return "Menunggu konfirmasi";
+      case "verified":
+        return "Pembayaran diverifikasi";
       case "confirmed":
         return "Menunggu pengiriman";
       case "shipped":
diff --git a/packages/api/src/router/orders.ts b/packages/api/src/router/orders.ts
index d58eb2e..94bca9c 100644
--- a/packages/api/src/router/orders.ts
+++ b/packages/api/src/router/orders.ts
@@ -9,6 +9,7 @@ import { addresses } from "@vivat/db/schema/addresses";
 import { logOrders } from "@vivat/db/schema/log-orders";
 import {
   insertOrderParams,
+  orderConfirmParams,
   orderIdSchema,
   orders,
 } from "@vivat/db/schema/orders";
@@ -98,7 +99,7 @@ export const orderRouter = createTRPCRouter({
             shipping: true,
             logOrders: {
               orderBy: (logOrders, { asc }) => asc(logOrders.timestamp),
-            }
+            },
           },
           where: (order, { eq }) => eq(order.id, input.id),
         })) ?? null
@@ -173,17 +174,17 @@ export const orderRouter = createTRPCRouter({
       });
     }),
   confirmOrder: protectedProcedure
-    .input(orderIdSchema)
+    .input(orderConfirmParams)
     .mutation(async ({ input, ctx }) => {
       return await ctx.db.transaction(async (tx) => {
         await tx.insert(logOrders).values({
           orderId: input.id,
-          status: "confirmed",
+          status: input.status,
         });
         await tx
           .update(orders)
           .set({
-            status: "confirmed",
+            status: input.status,
           })
           .where(eq(orders.id, input.id));
       });
@@ -211,20 +212,4 @@ export const orderRouter = createTRPCRouter({
         });
       });
     }),
-  confirmDelivered: protectedProcedure
-    .input(orderIdSchema)
-    .mutation(async ({ input, ctx }) => {
-      return await ctx.db.transaction(async (tx) => {
-        await tx.insert(logOrders).values({
-          orderId: input.id,
-          status: "done",
-        });
-        await tx
-          .update(orders)
-          .set({
-            status: "done",
-          })
-          .where(eq(orders.id, input.id));
-      });
-    }),
 });
diff --git a/packages/db/schema/log-orders.ts b/packages/db/schema/log-orders.ts
index f473888..c7c5c13 100644
--- a/packages/db/schema/log-orders.ts
+++ b/packages/db/schema/log-orders.ts
@@ -12,6 +12,7 @@ export const logOrders = mySqlTable("log_orders", {
   status: mysqlEnum("status", [
     "pending",
     "payment",
+    "verified",
     "confirmed",
     "shipped",
     "cancelled",
diff --git a/packages/db/schema/orders.ts b/packages/db/schema/orders.ts
index 49709f1..9fa3000 100644
--- a/packages/db/schema/orders.ts
+++ b/packages/db/schema/orders.ts
@@ -17,6 +17,7 @@ export const orders = mySqlTable("orders", {
   status: mysqlEnum("status", [
     "pending",
     "payment",
+    "verified",
     "confirmed",
     "shipped",
     "cancelled",
@@ -67,3 +68,7 @@ export const orderStatusEnum = createSelectSchema(orders)
     status: true,
   })
   .transform((schema) => schema.status);
+export const orderConfirmParams = createSelectSchema(orders).pick({
+  id: true,
+  status: true,
+});
\ No newline at end of file