From 8192c014a075b00e4d6d5320a9fb54218f64840b Mon Sep 17 00:00:00 2001
From: zadit biasa aja <75159257+insvrgent@users.noreply.github.com>
Date: Tue, 1 Jul 2025 01:19:29 +0000
Subject: [PATCH] ok

---
 src/KTPScanner.js            | 53 +++++++++++++++++++-----------------
 src/PaginatedFormEditable.js | 22 ++++++---------
 2 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/src/KTPScanner.js b/src/KTPScanner.js
index 2edf6e5..7bd1a38 100644
--- a/src/KTPScanner.js
+++ b/src/KTPScanner.js
@@ -581,32 +581,35 @@ const CameraCanvas = () => {
             <style>{spinnerStyle}</style>
           </div>
         ) : (
-          <div>
-            <h3 style={{ marginTop: 0 }}>
-              KTP {!KTPdetected && "Tidak"} Terdeteksi
-            </h3>
-            <div
-              style={{
-                padding: 10,
-                backgroundColor: "#ff6d6d",
-                borderRadius: 15,
-                color: "white",
-                fontWeight: "bold",
-              }}
-              onClick={() => ReadImage(capturedImage)}
-            >
-              {!KTPdetected && "Tetap"} Simpan
-            </div>
+          capturedImage &&
+          !fileTemp && (
+            <div>
+              <h3 style={{ marginTop: 0 }}>
+                KTP {!KTPdetected && "Tidak"} Terdeteksi
+              </h3>
+              <div
+                style={{
+                  padding: 10,
+                  backgroundColor: "#ff6d6d",
+                  borderRadius: 15,
+                  color: "white",
+                  fontWeight: "bold",
+                }}
+                onClick={() => ReadImage(capturedImage)}
+              >
+                {!KTPdetected && "Tetap"} Simpan
+              </div>
 
-            <h4
-              onClick={() => {
-                setFileTemp(null);
-                setIsFreeze(false);
-              }}
-            >
-              Hapus
-            </h4>
-          </div>
+              <h4
+                onClick={() => {
+                  setFileTemp(null);
+                  setIsFreeze(false);
+                }}
+              >
+                Hapus
+              </h4>
+            </div>
+          )
         )}
         {fileTemp && <PaginatedFormEditable data={fileTemp} />}
       </div>
diff --git a/src/PaginatedFormEditable.js b/src/PaginatedFormEditable.js
index 50fe6b6..1feecf7 100644
--- a/src/PaginatedFormEditable.js
+++ b/src/PaginatedFormEditable.js
@@ -36,20 +36,16 @@ const PaginatedFormEditable = ({ data }) => {
   const currentFields = fields.slice(startIndex, startIndex + fieldsPerPage);
 
   return (
-    <div
-      style={{
-        maxWidth: 400,
-        margin: "auto",
-        padding: 20,
-        border: "1px solid #ccc",
-        borderRadius: 10,
-      }}
-    >
-      <h3>Edit Form Data</h3>
-
+    <div>
       {currentFields.map((key) => (
-        <div key={key} style={{ marginBottom: 10 }}>
-          <label style={{ fontWeight: "bold", textTransform: "capitalize" }}>
+        <div key={key} style={{ marginBottom: 10, textAlign: "left" }}>
+          <label
+            style={{
+              fontWeight: "bold",
+              textTransform: "capitalize",
+              textAlign: "left",
+            }}
+          >
             {key}
           </label>
           <input