ok

src/Dashboard.js

@@ -148,8 +148,8 @@ const Dashboard = () => {
             aria-haspopup="true"
           >
             <svg
-              width="16"
-              height="16"
+              width="15"
+              height="20"
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
@@ -157,9 +157,9 @@ const Dashboard = () => {
               strokeLinecap="round"
               strokeLinejoin="round"
             >
-              <circle cx="12" cy="12" r="1" />
-              <circle cx="12" cy="5" r="1" />
-              <circle cx="12" cy="19" r="1" />
+              <line x1="3" y1="6" x2="21" y2="6" />
+              <line x1="3" y1="12" x2="21" y2="12" />
+              <line x1="3" y1="18" x2="21" y2="18" />
             </svg>
           </button>
           {isMenuOpen && (

src/Dashboard.module.css

@@ -237,6 +237,7 @@ body {
 }
 
 .form label {
+  text-align: left;
   display: block;
   margin-bottom: 1rem;
   color: var(--text-primary);
@@ -267,7 +268,7 @@ body {
 }
 
 .submitButton {
-  background-color: var(--primary-blue);
+  background-color: #ef4444;
   color: var(--text-light);
   border: none;
   padding: 0.75rem 1.5rem;

src/KTPScanner.js

@@ -274,20 +274,29 @@ const CameraCanvas = () => {
     }
   };
 
-  const handleSaveTemp = async (correctedData) => {
+  const handleSaveTemp = async (verifiedData) => {
     try {
-      await fetch(
+      setLoading(true);
+      const token = localStorage.getItem("token");
+
+      const formData = new FormData();
+
+      // Tambahkan data terverifikasi sebagai JSON string
+      formData.append("data", JSON.stringify(verifiedData));
+
+      const res = await fetch(
         "https://bot.kediritechnopark.com/webhook/mastersnapper/save",
         {
           method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ correctedData }),
+          headers: {
+            Authorization: `Bearer ${token}`,
+            // Jangan set Content-Type secara manual untuk FormData
+          },
+          body: formData,
         }
       );
 
-      const updatedGallery = [fileTemp, ...galleryImages];
-      setGalleryImages(updatedGallery);
-      localStorage.setItem(STORAGE_KEY, JSON.stringify(updatedGallery));
+      setLoading(false);
       setFileTemp(null);
     } catch (err) {
       console.error("Gagal menyimpan ke server:", err);
@@ -571,7 +580,7 @@ const CameraCanvas = () => {
                 }}
                 onClick={() => ReadImage(capturedImage)}
               >
-                {!KTPdetected && "Tetap"} Simpan
+                Scan
               </div>
 
               <h4
@@ -585,7 +594,12 @@ const CameraCanvas = () => {
             </div>
           )
         )}
-        {fileTemp && <PaginatedFormEditable data={fileTemp} />}
+        {fileTemp && (
+          <PaginatedFormEditable
+            data={fileTemp}
+            handleSimpan={(data) => handleSaveTemp(data)}
+          />
+        )}
       </div>
 
       <Modal

src/PaginatedFormEditable.js

@@ -10,7 +10,7 @@ const formatDate = (iso) => {
 const isDateField = (value) =>
   value && typeof value === "object" && value.type === "dateTime";
 
-const PaginatedFormEditable = ({ data }) => {
+const PaginatedFormEditable = ({ data, handleSimpan }) => {
   const [formData, setFormData] = useState(() => {
     const flat = {};
     Object.entries(data[0]).forEach(([key, value]) => {
@@ -128,6 +128,8 @@ const PaginatedFormEditable = ({ data }) => {
           Back
         </button>
 
+        <button onClick={() => handleSimpan(formData)}>Simpan</button>
+
         <button
           onClick={() => setPage((prev) => Math.min(prev + 1, totalPages - 1))}
           disabled={page >= totalPages - 1}