refactor: update is_active rendering to use 'Running' and 'Offline' labels

src/pages/role/component/ListRole.jsx

@@ -46,9 +46,17 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
         width: '10%',
         align: 'center',
         render: (_, { is_active }) => (
-            <Tag color={is_active ? 'green' : 'red'} key={'status'}>
-                {is_active ? 'Active' : 'Inactive'}
-            </Tag>
+            <>
+                {is_active === true ? (
+                    <Tag color={'green'} key={'status'}>
+                        Active
+                    </Tag>
+                ) : (
+                    <Tag color={'default'} key={'status'}>
+                        Inactive
+                    </Tag>
+                )}
+            </>
         ),
     },
     {
@@ -241,4 +249,4 @@ const ListRole = memo(function ListRole(props) {
     );
 });
 
-export default ListRole;
+export default ListRole;