Upload files to "client/src/components"

client/src/components/NegateModal.jsx

@@ -123,8 +123,12 @@ export default function NegateModal({ violation, onConfirm, onCancel }) {
     });
   };
 
+  const handleOverlayClick = (e) => {
+    if (e.target === e.currentTarget && onCancel) onCancel();
+  };
+
   return (
-    <div style={s.overlay} onClick={e => { if (e.target === e.currentTarget) onCancel && onCancel(); }}>
+    <div style={s.overlay} onClick={handleOverlayClick}>
       <div style={s.modal}>
         <div style={s.header}>
           <div style={s.title}>⊘ Negate Violation Points</div>
@@ -149,7 +153,6 @@ export default function NegateModal({ violation, onConfirm, onCancel }) {
               <option>Documentation Error</option>
               <option>Policy Clarification / Exception</option>
               <option>Management Discretion</option>
-            </option>
             </select>
           </div>
 
@@ -175,10 +178,18 @@ export default function NegateModal({ violation, onConfirm, onCancel }) {
         </div>
 
         <div style={s.footer}>
-          <button type="button" style={s.btnCancel} onClick={() => onCancel && onCancel()}>
+          <button
+            type="button"
+            style={s.btnCancel}
+            onClick={() => onCancel && onCancel()}
+          >
             Cancel
           </button>
-          <button type="button" style={s.btnConfirm} onClick={handleConfirm}>
+          <button
+            type="button"
+            style={s.btnConfirm}
+            onClick={handleConfirm}
+          >
             Confirm Negation
           </button>
         </div>