Fix:prettier formatting

Author: Neeraj-Kondaveeti

src/components/ResourceManagement/ResourceManagement.jsx

@@ -306,11 +306,15 @@ function ResourceManagement() {
   };
 
   const toggleSelectAll = e => {
-    setSelectedIds(e.target.checked ? new Set(sortedResources.map(resource => resource.id)) : new Set());
+    setSelectedIds(
+      e.target.checked ? new Set(sortedResources.map(resource => resource.id)) : new Set(),
+    );
   };
 
   const getExportRows = () =>
-    selectedIds.size > 0 ? sortedResources.filter(resource => selectedIds.has(resource.id)) : sortedResources;
+    selectedIds.size > 0
+      ? sortedResources.filter(resource => selectedIds.has(resource.id))
+      : sortedResources;
 
   const exportCSV = rows => {
     const header = columns.map(col => col.label).join(',');
@@ -411,7 +415,11 @@ function ResourceManagement() {
             Export CSV
           </button>
 
-          <button type="button" className={styles.addLogButton} onClick={() => handleExport('xlsx')}>
+          <button
+            type="button"
+            className={styles.addLogButton}
+            onClick={() => handleExport('xlsx')}
+          >
             Export XLSX
           </button>
         </div>
@@ -438,7 +446,11 @@ function ResourceManagement() {
             </div>
 
             <div className={styles.colUser}>
-              <button type="button" className={styles.headerSortButton} onClick={() => requestSort('user')}>
+              <button
+                type="button"
+                className={styles.headerSortButton}
+                onClick={() => requestSort('user')}
+              >
                 User {sortConfig.key === 'user' && (sortConfig.direction === 'asc' ? '🔼' : '🔽')}
               </button>
             </div>
@@ -459,7 +471,11 @@ function ResourceManagement() {
             <div className={styles.colMaterials}>Materials</div>
 
             <div className={styles.colDate}>
-              <button type="button" className={styles.headerSortButton} onClick={() => requestSort('date')}>
+              <button
+                type="button"
+                className={styles.headerSortButton}
+                onClick={() => requestSort('date')}
+              >
                 Date {sortConfig.key === 'date' && (sortConfig.direction === 'asc' ? '🔼' : '🔽')}
               </button>
             </div>
@@ -478,7 +494,9 @@ function ResourceManagement() {
                   />
                 </div>
 
-                <div className={`${styles.resourceItemDetail} ${styles.colUser}`}>{resource.user}</div>
+                <div className={`${styles.resourceItemDetail} ${styles.colUser}`}>
+                  {resource.user}
+                </div>
                 <div className={`${styles.resourceItemDetail} ${styles.colDuration}`}>
                   {resource.timeDuration}
                 </div>
@@ -550,4 +568,4 @@ Pagination.defaultProps = {
   darkMode: false,
 };
 
-export default ResourceManagement;
+export default ResourceManagement;

src/components/ResourceManagement/ResourceManagement.module.css

@@ -293,16 +293,16 @@
 }
 
 .activePage {
-  border: 1px solid #007bff;
+  border: 1px solid #0056b3;
   padding: 6px 12px;
   border-radius: 4px;
-  background-color: #007bff;
+  background-color: #0056b3;
   color: #fff;
 }
 
 .darkModePaginationContainer .activePage {
-  background-color: #2196f3 !important;
-  border-color: #2196f3 !important;
+  background-color: #0056b3 !important;
+  border-color: #0056b3 !important;
   color: #fff;
 }
 
@@ -425,12 +425,17 @@
 }
 
 .submitButton {
-  background-color: #4caf50;
+  background-color: #2e7d32;
   color: #fff;
 }
 
 .submitButton:hover {
-  background-color: #45a049;
+  background-color: #1b5e20;
+}
+
+.modalContentDark .submitButton {
+  background-color: #2e7d32;
+  color: #fff;
 }
 
 .modalContentDark .cancelButton {
@@ -442,11 +447,6 @@
   background-color: #3a5275;
 }
 
-.modalContentDark .submitButton {
-  background-color: #4caf50;
-  color: #fff;
-}
-
 /* --- Toast Notification --- */
 .toast {
   position: fixed;