1 files changed, 28 insertions, 3 deletions

diff --git a/app/page.tsx b/app/page.tsx
index f12f746..363b6b6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,6 +3,7 @@ import Image from "next/image";
 import PackageCamera from "./lib/camera/component/pakageCamera";
 import BarcodeScanner from "./lib/camera/component/scannerBarcode";
 import SjCamera from "./lib/camera/component/sjCamera";
+import DispatchCamera from "./lib/camera/component/dispatchCamera";
 import useCameraStore from "./lib/camera/hooks/useCameraStore";
 import Header from "./lib/camera/component/hedear";
 import { Button } from "@mui/material";
@@ -19,9 +20,11 @@ export default function Home() {
     barcode,
     imageSj,
     imagePackage,
+    imageDispatch,
     setBarcode,
     setImageSj,
     setImagePackage,
+    setImageDispatch,
   } = useCameraStore();
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
@@ -41,7 +44,7 @@ export default function Home() {
     event.preventDefault();
     setIsLoading(true);
 
-    if (!barcode || !imageSj || !imagePackage) {
+    if (!barcode || !imageSj || !imagePackage || !imageDispatch) {
       alert("Barcode dan gambar harus tersedia.");
       setIsLoading(false);
       return;
@@ -50,10 +53,12 @@ export default function Home() {
     try {
       const newSjImage = imageSj.replace(/^.*?,/, "");
       const newPackageImage = imagePackage.replace(/^.*?,/, "");
+      const newDispatchImage = imageDispatch.replace(/^.*?,/, "");
 
       const data = {
-        sj_document: newSjImage, // Kirim base64 lengkap dengan prefix
-        paket_document: newPackageImage, // Kirim base64 lengkap dengan prefix
+        sj_document: newSjImage, 
+        paket_document: newPackageImage, 
+        dispatch_document: newDispatchImage, 
       };
 
       const response = await odooApi(
@@ -66,6 +71,7 @@ export default function Home() {
         setBarcode("");
         setImageSj("");
         setImagePackage("");
+        setImageDispatch("");
         setIsLoading(false);
       }else if(response.status.code == 404){
         alert("Gagal Submit Data, Picking Code Tidak Ditemukan " );
@@ -101,6 +107,7 @@ export default function Home() {
             <div className="flex justify-between">
               <SjCamera />
               <PackageCamera />
+              <DispatchCamera />
             </div>
             <div className="h-2"></div>
 
@@ -141,6 +148,24 @@ export default function Home() {
                 </div>
               </>
             )}
+            <div className="h-2"></div>
+            {imageDispatch && (
+              <>
+                <label className="block mt-2 text-sm font-medium text-gray-700 text-center">
+                  Gambar Foto Dispatch
+                </label>
+                <div className="relative w-full h-[300px] border-2 border-gray-200 p-2 rounded-sm">
+                  <Image
+                    src={imageDispatch}
+                    alt="Captured"
+                    layout="fill"
+                    objectFit="cover"
+                    unoptimized
+                    className="p-2"
+                  />
+                </div>
+              </>
+            )}
             <div>
               <div className="h-4"></div>
               <Button