antd table 기본 컬러 변경

src/components/flight/ControlApprovalsTable.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { ConfigProvider } from 'antd';
 import { Button, Card } from '@component/ui';
 import { openModal } from '@src/redux/features/comn/message/messageSlice';
 import { FaAngleDown, FaAngleUp } from 'react-icons/fa';
@@ -482,6 +483,16 @@ export default function ControlApprovalsTable(props) {
     }
   ];
 
+  const handleIsModal = record => {
+    dispatch(
+      openModal({
+        header: '재검토 사유',
+        body: record.reviewedReason,
+        type: 'review'
+      })
+    );
+  };
+
   const handleSave = async row => {
     try {
       const updateRes = await dispatch(
@@ -775,6 +786,14 @@ export default function ControlApprovalsTable(props) {
   };
 
   return (
+    <ConfigProvider
+      theme={{
+        token: {
+          colorPrimary: '#8a1c05'
+          // colorBgContainer: '#fff'
+        }
+      }}
+    >
       <div className='layer-content'>
         <div className='layer-ti'>
           <div>
@@ -798,7 +817,11 @@ export default function ControlApprovalsTable(props) {
           </div>
 
           <div className='download'>
-          <Button color='primary' size='sm' onClick={() => handleCheckbox('P')}>
+            <Button
+              color='primary'
+              size='sm'
+              onClick={() => handleCheckbox('P')}
+            >
               검토 완료
             </Button>
             {/* <Button color='danger' size='sm' onClick={() => handleCheckbox('C')}>
@@ -873,7 +896,8 @@ export default function ControlApprovalsTable(props) {
                             if (record?.approvalCd === 'S') {
                               className += 'flight-approval-row editable-row';
                             } else if (record.approvalCd === 'F') {
-                            className += 'flight-not-approval-row editable-row';
+                              className +=
+                                'flight-not-approval-row editable-row';
                             } else if (record.approvalCd === 'C') {
                               className +=
                                 'flight-condition-approval-row editable-row';
@@ -939,5 +963,6 @@ export default function ControlApprovalsTable(props) {
           </Card>
         </div>
       </div>
+    </ConfigProvider>
   );
 }

src/components/flight/OperationApprovalsTable.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { ConfigProvider } from 'antd';
 import { Button, Card, CustomInput } from '@component/ui';
 import { openModal } from '@src/redux/features/comn/message/messageSlice';
 import { Form, Input, Select, Table } from 'antd';
@@ -840,6 +841,14 @@ export default function OperationApprovalsTable(props) {
   };
 
   return (
+    <ConfigProvider
+      theme={{
+        token: {
+          colorPrimary: '#8a1c05'
+          // colorBgContainer: '#fff'
+        }
+      }}
+    >
       <div className='layer-content'>
         <div className='layer-ti'>
           <div>
@@ -883,16 +892,28 @@ export default function OperationApprovalsTable(props) {
             </span>
           </div>
           <div className='download'>
-          <Button color='primary' size='sm' onClick={() => handleCheckbox('S')}>
+            <Button
+              color='primary'
+              size='sm'
+              onClick={() => handleCheckbox('S')}
+            >
               검토 완료
             </Button>
-          <Button color='primary' size='sm' onClick={() => handleCheckbox('Q')}>
+            <Button
+              color='primary'
+              size='sm'
+              onClick={() => handleCheckbox('Q')}
+            >
               검토 요청
             </Button>
             {/* <Button color='primary' size='sm' onClick={() => handleCheckbox('A')}>
             재 요청
           </Button> */}
-          <Button color='primary' size='sm' onClick={() => handleCheckbox('A')}>
+            <Button
+              color='primary'
+              size='sm'
+              onClick={() => handleCheckbox('A')}
+            >
               드론 원스톱 전송
             </Button>
           </div>
@@ -947,7 +968,8 @@ export default function OperationApprovalsTable(props) {
                             if (record?.approvalCd === 'S') {
                               className += 'flight-approval-row editable-row';
                             } else if (record.approvalCd === 'F') {
-                            className += 'flight-not-approval-row editable-row';
+                              className +=
+                                'flight-not-approval-row editable-row';
                             } else if (record.approvalCd === 'C') {
                               className +=
                                 'flight-condition-approval-row editable-row';
@@ -1009,5 +1031,6 @@ export default function OperationApprovalsTable(props) {
           </Card>
         </div>
       </div>
+    </ConfigProvider>
   );
 }