Upload files to "client/src/components"

client/src/components/NegateModal.jsx

@@ -8,7 +8,7 @@ const s = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    zIndex: 1100,
+    zIndex: 2000,
   },
   modal: {
     width: '480px',
@@ -115,6 +115,7 @@ export default function NegateModal({ violation, onConfirm, onCancel }) {
   if (!violation) return null;
 
   const handleConfirm = () => {
+    if (!onConfirm) return;
     onConfirm({
       resolution_type: resolutionType,
       details,
@@ -123,7 +124,7 @@ export default function NegateModal({ violation, onConfirm, onCancel }) {
   };
 
   return (
-    <div style={s.overlay} onClick={e => { if (e.target === e.currentTarget) onCancel(); }}>
+    <div style={s.overlay} onClick={e => { if (e.target === e.currentTarget) onCancel && onCancel(); }}>
       <div style={s.modal}>
         <div style={s.header}>
           <div style={s.title}>⊘ Negate Violation Points</div>
@@ -148,6 +149,7 @@ export default function NegateModal({ violation, onConfirm, onCancel }) {
               <option>Documentation Error</option>
               <option>Policy Clarification / Exception</option>
               <option>Management Discretion</option>
+            </option>
             </select>
           </div>
 
@@ -173,7 +175,7 @@ export default function NegateModal({ violation, onConfirm, onCancel }) {
         </div>
 
         <div style={s.footer}>
-          <button type="button" style={s.btnCancel} onClick={onCancel}>
+          <button type="button" style={s.btnCancel} onClick={() => onCancel && onCancel()}>
             Cancel
           </button>
           <button type="button" style={s.btnConfirm} onClick={handleConfirm}>