Changeset 79a0317 for imaps-frontend/src/components/PublishForm

Timestamp:

01/21/25 03:08:24 (3 days ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

0c6b92a

Message:

F4 Finalna Verzija

Location:

imaps-frontend/src/components/PublishForm

Files:

• PublishForm.jsx (modified) (5 diffs)
• PublishForm.module.css (modified) (1 diff)

imaps-frontend/src/components/PublishForm/PublishForm.jsx

@@ -15 +15 @@
     );
     const [errors, setErrors] = useState({});
+    const [denyReason, setDenyReason] = useState('');
+    const [isDenying, setIsDenying] = useState(false);
 
     const mapTypeOptions = ['Hospital', 'Faculty', 'House', 'Other'];
@@ -42 +44 @@
             onSubmit(form);
         }
+    };
+
+    const handleDeny = () => {
+        if (!denyReason.trim()) {
+            alert('Please provide a reason for denial.');
+            return;
+        }
+        onDeny(form.id, form.mapName, denyReason);
+        setIsDenying(false);
     };
 
@@ -130 +141 @@
                                 <button
                                     className={styles.cancelButton}
-                                    onClick={onCancel}
+                                    onClick={() => {
+                                        setIsDenying(false);
+                                        onCancel();
+                                    }}
                                 >
                                     Cancel
@@ -136 +150 @@
                                 <button
                                     className={styles.approveButton}
-                                    onClick={() => onApprove(form.id,form.mapName)}
+                                    onClick={() => onApprove(form.id, form.mapName)}
                                 >
                                     Approve
@@ -142 +156 @@
                                 <button
                                     className={styles.denyButton}
-                                    onClick={() => onDeny(form.id,form.mapName,"Reason")}
+                                    onClick={() => setIsDenying(true)}
                                 >
                                     Deny
                                 </button>
                             </div>
+                            {isDenying && (
+                                <div className={styles.denyReason}>
+                                    <textarea className={styles.denyReasonTextArea}
+                                        placeholder="Enter reason for denial..."
+                                        value={denyReason}
+                                        onChange={(e) => setDenyReason(e.target.value)}
+                                    />
+                                    <div className={styles.buttonGroup}>
+                                        <button
+                                            className={styles.denySubmitButton}
+                                            onClick={handleDeny}
+                                        >
+                                            Submit
+                                        </button>
+                                    </div>
+                                </div>
+                            )}
                         </div>
                     )}

imaps-frontend/src/components/PublishForm/PublishForm.module.css

@@ -10 +10 @@
     z-index: 999; /* Behind the modal */
 }
+
+.denyReason {
+    display: flex;
+    flex-direction: column;
+    margin-top: 10px;
+    border-radius: 20px;
+}
+.denyReasonTextArea{
+    padding-bottom: 4rem;
+}
+
+.denySubmitButton {
+    color: white;
+    margin-right: 10px;
+}
+
 
 /* Modal styles */