Fix: Resource Management Modal Review Issues

Author: Neeraj-Kondaveeti

src/components/ResourceManagement/ResourceManagement.jsx

@@ -68,22 +68,25 @@ function AddLogModal({ isOpen, onClose, onAdd }) {
   const validateForm = () => {
     const newErrors = {};
     const timeRegex = /^([0-1]\d|2[0-3]):([0-5]\d):([0-5]\d)$/;
+    const textRegex = /^[a-zA-Z\s]+$/;
 
     if (!formData.user.trim()) newErrors.user = 'User is required';
 
-    if (!timeRegex.test(formData.timeDuration)) {
+    if (!formData.timeDuration.trim()) {
+      newErrors.timeDuration = 'Time/Duration is required';
+    } else if (!timeRegex.test(formData.timeDuration)) {
       newErrors.timeDuration = 'Time must be in HH:MM:SS format';
     }
 
     if (!formData.facilities.trim()) {
       newErrors.facilities = 'Facilities is required';
-    } else if (!/^[a-zA-Z\s]+$/.test(formData.facilities)) {
+    } else if (!textRegex.test(formData.facilities)) {
       newErrors.facilities = 'Facilities should contain only letters';
     }
 
     if (!formData.materials.trim()) {
       newErrors.materials = 'Materials is required';
-    } else if (!/^[a-zA-Z\s]+$/.test(formData.materials)) {
+    } else if (!textRegex.test(formData.materials)) {
       newErrors.materials = 'Materials should contain only letters';
     }
 
@@ -95,13 +98,6 @@ function AddLogModal({ isOpen, onClose, onAdd }) {
   const handleSubmit = e => {
     e.preventDefault();
 
-    const error = validateForm();
-
-    if (error) {
-      setValidationError(error);
-      return;
-    }
-
     const validationErrors = validateForm();
 
     if (Object.keys(validationErrors).length > 0) {
@@ -119,6 +115,7 @@ function AddLogModal({ isOpen, onClose, onAdd }) {
       date: '',
     });
 
+    setErrors({});
     onClose();
   };
 
@@ -149,9 +146,9 @@ function AddLogModal({ isOpen, onClose, onAdd }) {
           ))}
 
           <div className={styles.formGroup}>
-            <label htmlFor="date">Date</label>
+            <label htmlFor="resource-date">Date</label>
             <input
-              id="date"
+              id="resource-date"
               name="date"
               type="date"
               value={formData.date}
@@ -161,17 +158,6 @@ function AddLogModal({ isOpen, onClose, onAdd }) {
             {errors.date && <span className={styles.errorText}>{errors.date}</span>}
           </div>
 
-          <div className={styles.formGroup}>
-            <label htmlFor="date">Date</label>
-            <input
-              id="date"
-              name="date"
-              type="date"
-              value={formData.date}
-              onChange={handleChange}
-            />
-          </div>
-
           <div className={styles.modalActions}>
             <button type="submit" className={styles.submitButton}>
               Save Log

src/components/ResourceManagement/ResourceManagement.module.css

@@ -350,6 +350,8 @@
 
 .formGroup {
   margin-bottom: 1.25rem;
+  display: flex;
+  flex-direction: column;
 }
 
 .formGroup label {
@@ -370,6 +372,10 @@
   color: #333;
 }
 
+.formGroup input[type='date'] {
+  color-scheme: light;
+}
+
 .formGroup input:focus {
   outline: none;
   border-color: #007bff;
@@ -382,6 +388,10 @@
   border: 1px solid #667b9c;
 }
 
+.modalContentDark .formGroup input[type='date'] {
+  color-scheme: dark;
+}
+
 .inputError {
   border: 1px solid #ff4d4f !important;
 }
@@ -391,10 +401,12 @@
   font-size: 12px;
   margin-top: 4px;
   display: block;
+  line-height: 1.3;
+  text-align: left;
 }
 
 .modalContentDark .errorText {
-  color: #ff7a7a;
+  color: #ff9a9a;
 }
 
 .modalActions {