4 files changed, 127 insertions, 55 deletions

diff --git a/app/lib/api/odooApi.ts b/app/lib/api/odooApi.ts
index c2c9d82..9ca6451 100644
--- a/app/lib/api/odooApi.ts
+++ b/app/lib/api/odooApi.ts
@@ -1,56 +1,64 @@
-import axios from "axios"
+import axios from "axios";
 import { getCookie, setCookie } from "cookies-next";
 import { getAuth } from "./auth";
 
 type axiosParameters = {
-    method : string,
-    url : string,
-    headers : {
-        Authorization : string,
-        'Content-Type'? : string,
-        Token? : string
-    },
-    data ?: string
-}
+  method: string;
+  url: string;
+  headers: {
+    Authorization: string;
+    "Content-Type"?: string;
+    Token?: string;
+  };
+  data?: string;
+};
 
 const renewToken = async () => {
-    const token = await axios.get(process.env.NEXT_PUBLIC_ODOO_API_HOST + '/api/token')
-    setCookie('token', token.data.result)
-    return token.data.result
+  const token = await axios.get(process.env.NEXT_PUBLIC_ODOO_API_HOST + "/api/token");
+  setCookie("token", token.data.result);
+  return token.data.result;
 };
 
 const getToken = async () => {
-    let token = getCookie('token')
-    if (token == undefined) token = await renewToken()
-    return token
+  let token = getCookie("token") as string | undefined;
+  if (token == undefined) token = await renewToken();
+  return token;
 };
 
-const odooApi = async (method : string, url : string, data = {}, headers = {}) => {
-    try {
-        const token = await getToken()
-        const auth = getAuth();
-        const axiosParameter : axiosParameters = {
-            method,
-            url: process.env.NEXT_PUBLIC_ODOO_API_HOST + url,
-            headers: { Authorization: token ? token : '', ...headers },
-        };
-        console.log('ini adalah tipe',axiosParameter)
-        if (auth && typeof auth === 'object' && 'token' in auth) {
-            axiosParameter.headers['Token'] = auth.token;
-        }
-        if (method.toUpperCase() == 'POST')
-            axiosParameter.headers['Content-Type'] =
-                'application/x-www-form-urlencoded';
-        if (Object.keys(data).length > 0)
-            axiosParameter.data = new URLSearchParams(
-                Object.entries(data)
-            ).toString();
-        const response = await axios(axiosParameter);
-        return response.data;
-    } catch (error) {
-        console.log( JSON.stringify(error));
+const odooApi = async (method: string, url: string, data: Record<string, any> = {}, headers = {}) => {
+  try {
+    const token = await getToken();
+    const auth = getAuth();
+
+    const axiosParameter: axiosParameters = {
+      method,
+      url: process.env.NEXT_PUBLIC_ODOO_API_HOST + url,
+      headers: { Authorization: token ? token : "", ...headers },
+    };
+
+    if (auth && typeof auth === "object" && "token" in auth) {
+      axiosParameter.headers["Token"] = (auth as any).token;
     }
-}
 
+    const upper = method.toUpperCase();
+
+    // Body methods
+    if (upper === "POST" || upper === "PUT" || upper === "PATCH") {
+      axiosParameter.headers["Content-Type"] = "application/x-www-form-urlencoded";
+    }
+
+    if (Object.keys(data).length > 0 && upper !== "GET" && upper !== "HEAD") {
+      const entries = Object.entries(data).filter(
+        ([, v]) => v !== undefined && v !== null && v !== ""
+      ) as [string, string][];
+      axiosParameter.data = new URLSearchParams(entries).toString();
+    }
+
+    const response = await axios(axiosParameter);
+    return response.data;
+  } catch (error) {
+    console.log(JSON.stringify(error));
+  }
+};
 
-export default odooApi
\ No newline at end of file
+export default odooApi;
diff --git a/app/lib/camera/component/dispatchCamera.tsx b/app/lib/camera/component/dispatchCamera.tsx
new file mode 100644
index 0000000..2591413
--- /dev/null
+++ b/app/lib/camera/component/dispatchCamera.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import useCameraStore from "../hooks/useCameraStore";
+import { IconButton } from "@mui/material";
+import { LocalShipping } from "@mui/icons-material";
+
+const DispatchCamera: React.FC = () => {
+  const { setImageDispatch } = useCameraStore();
+  const handleCapture = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (file) {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        setImageDispatch(reader.result as string);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+
+  return (
+    <div className="px-4 py-8 items-center border-2 rounded-md shadow-sm w-[49%] text-center ">
+      <input
+        type="file"
+        accept="image/*"
+        onChange={handleCapture}
+        className="hidden"
+        id="dispatchCameraInput"
+      />
+      <label htmlFor="dispatchCameraInput" className="text-gray-600">
+        <IconButton
+          color="primary"
+          aria-label="upload picture"
+          component="span"
+        >
+          <LocalShipping fontSize="large" />
+        </IconButton>
+        <br />
+        Foto Dispatch
+      </label>
+    </div>
+  );
+};
+
+export default DispatchCamera;
diff --git a/app/lib/camera/component/hedear.tsx b/app/lib/camera/component/hedear.tsx
index 2a8bfc6..81f5d01 100644
--- a/app/lib/camera/component/hedear.tsx
+++ b/app/lib/camera/component/hedear.tsx
@@ -1,36 +1,53 @@
 // components/Header.tsx
+"use client";
+
 import Image from "next/image";
 import { deleteAuth, getAuth } from "../../api/auth";
 import { Button } from "@mui/material";
 import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
 
 export default function Header() {
-  const auth = getAuth();
-  const route = useRouter();
+  const router = useRouter();
+  const [mounted, setMounted] = useState(false);
+  const [auth, setAuth] = useState<any>(null);
+
+  useEffect(() => {
+    setMounted(true);
+    try {
+      setAuth(getAuth());
+    } catch {
+      setAuth(null);
+    }
+  }, []);
 
-  const handleSigOut = () => {
+  const handleSignOut = () => {
     deleteAuth();
-    route.push('/login');
+    router.push("/login");
   };
+
   return (
     <nav className="fixed top-0 left-0 w-full bg-white border-b-2 border-red-500 py-4 px-4 sm:px-96 z-50 shadow-md">
       <div className="flex justify-between items-center">
         <div className="flex items-center">
           <Image
-            src="/images/indoteknik-logo.png" // Ganti dengan path logo Anda
+            src="/images/indoteknik-logo.png"
             alt="Logo"
             width={120}
             height={60}
             className="rounded-full"
+            priority
           />
         </div>
-        {auth && (
-          <div>
-            <Button size="small" onClick={() => handleSigOut()}>
+        <div>
+          {mounted && auth ? (
+            <Button size="small" onClick={handleSignOut}>
               Logout
             </Button>
-          </div>
-        )}
+          ) : (
+            <span className="inline-block h-8 w-16" aria-hidden />
+          )}
+        </div>
       </div>
     </nav>
   );
diff --git a/app/lib/camera/hooks/useCameraStore.ts b/app/lib/camera/hooks/useCameraStore.ts
index c922d1c..ad83074 100644
--- a/app/lib/camera/hooks/useCameraStore.ts
+++ b/app/lib/camera/hooks/useCameraStore.ts
@@ -8,15 +8,19 @@ interface CameraStore {
     setImageSj: (image: string) => void  
     imagePackage: string | null
     setImagePackage: (image: string) => void
+    imageDispatch: string | null
+    setImageDispatch: (image: string) => void
 }
 
 const useCameraStore = create<CameraStore>((set) => ({
-  barcode: null,
+  barcode: '',
   setBarcode: (barcode: string) => set({ barcode: barcode }),
-  imageSj: null,
+  imageSj: '',
   setImageSj: (image: string) => set({ imageSj: image }),
-  imagePackage: null,
+  imagePackage: '',
   setImagePackage: (image: string) => set({ imagePackage: image }),
+  imageDispatch: '',
+  setImageDispatch: (image: string) => set({ imageDispatch: image }),
 }))
 
 export default useCameraStore
\ No newline at end of file