ok

src/KTPScanner.js

@@ -581,6 +581,8 @@ const CameraCanvas = () => {
             <style>{spinnerStyle}</style>
           </div>
         ) : (
+          capturedImage &&
+          !fileTemp && (
             <div>
               <h3 style={{ marginTop: 0 }}>
                 KTP {!KTPdetected && "Tidak"} Terdeteksi
@@ -607,6 +609,7 @@ const CameraCanvas = () => {
                 Hapus
               </h4>
             </div>
+          )
         )}
         {fileTemp && <PaginatedFormEditable data={fileTemp} />}
       </div>

src/PaginatedFormEditable.js

@@ -36,20 +36,16 @@ const PaginatedFormEditable = ({ data }) => {
   const currentFields = fields.slice(startIndex, startIndex + fieldsPerPage);
 
   return (
-    <div
+    <div>
+      {currentFields.map((key) => (
+        <div key={key} style={{ marginBottom: 10, textAlign: "left" }}>
+          <label
             style={{
-        maxWidth: 400,
+              fontWeight: "bold",
-        margin: "auto",
+              textTransform: "capitalize",
-        padding: 20,
+              textAlign: "left",
-        border: "1px solid #ccc",
-        borderRadius: 10,
             }}
           >
-      <h3>Edit Form Data</h3>
-
-      {currentFields.map((key) => (
-        <div key={key} style={{ marginBottom: 10 }}>
-          <label style={{ fontWeight: "bold", textTransform: "capitalize" }}>
             {key}
           </label>
           <input