yogiedigital/cod-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Vinix
2025-10-24 19:51:34 +07:00
parent 2abed31bde
commit a3e5fdd138
5 changed files with 62 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/master/plantSection/component/ListPlantSection.jsx
View File

@@ -53,10 +53,18 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
key: 'is_active',
width: '10%',
align: 'center',
render: (status) => (
<Tag color={status ? '#23A55A' : 'red'} style={{ fontSize: '12px' }}>
{status ? 'Active' : 'Inactive'}
</Tag>
render: (_, { is_active }) => (
<>
{is_active === true ? (
<Tag color={'green'} key={'status'}>
Running
</Tag>
) : (
<Tag color={'red'} key={'status'}>
Offline
</Tag>
)}
</>
),
},
{

14
src/pages/master/shift/component/ListShift.jsx
View File

@@ -56,8 +56,18 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
key: 'is_active',
width: '15%',
align: 'center',
render: (status) => (
<Tag color={status ? 'green' : 'red'}>{status ? 'Active' : 'Inactive'}</Tag>
render: (_, { is_active }) => (
<>
{is_active === true ? (
<Tag color={'green'} key={'status'}>
Running
</Tag>
) : (
<Tag color={'red'} key={'status'}>
Offline
</Tag>
)}
</>
),
},
{

22
src/pages/master/tag/component/ListTag.jsx
View File

@@ -80,15 +80,19 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
key: 'is_active',
width: '8%',
align: 'center',
render: (_, { is_active }) => {
const color = is_active ? 'green' : 'red';
const text = is_active ? 'Active' : 'Inactive';
return (
<Tag color={color} key={'status'}>
{text}
</Tag>
);
},
render: (_, { is_active }) => (
<>
{is_active === true ? (
<Tag color={'green'} key={'status'}>
Running
</Tag>
) : (
<Tag color={'red'} key={'status'}>
Offline
</Tag>
)}
</>
),
},
{
title: 'Aksi',

22
src/pages/master/unit/component/ListUnit.jsx
View File

@@ -45,15 +45,19 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
key: 'is_active',
width: '10%',
align: 'center',
render: (_, { is_active }) => {
const color = is_active ? 'green' : 'red';
const text = is_active ? 'Active' : 'Inactive';
return (
<Tag color={color} key={'status'}>
{text}
</Tag>
);
},
render: (_, { is_active }) => (
<>
{is_active === true ? (
<Tag color={'green'} key={'status'}>
Running
</Tag>
) : (
<Tag color={'red'} key={'status'}>
Offline
</Tag>
)}
</>
),
},
{
title: 'Aksi',

16
src/pages/role/component/ListRole.jsx
View File

@@ -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;