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

feat: conditionally display status field in add mode for DetailContact component

Browse Source
This commit is contained in:
Rafiafrzl
2025-12-02 15:39:20 +07:00
parent edf20050db
commit c82d6d39c1
1 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/pages/contact/component/DetailContact.jsx
View File

@@ -205,27 +205,36 @@ const DetailContact = memo(function DetailContact(props) {
]}
>
<div style={{ padding: '8px 0' }}>
<div>
<div>
<Text strong>Status</Text>
</div>
<div style={{ display: 'flex', alignItems: 'center', marginTop: '8px' }}>
<div style={{ marginRight: '8px' }}>
<Switch
disabled={props.readOnly}
style={{
backgroundColor: formData.is_active ? '#23A55A' : '#bfbfbf',
}}
checked={formData.is_active}
onChange={handleStatusToggle}
/>
</div>
{/* Status field only show in add mode*/}
{props.actionMode === 'add' && (
<>
<div>
<Text>{formData.is_active ? 'Active' : 'Inactive'}</Text>
<div>
<Text strong>Status</Text>
</div>
<div
style={{ display: 'flex', alignItems: 'center', marginTop: '8px' }}
>
<div style={{ marginRight: '8px' }}>
<Switch
disabled={props.readOnly}
style={{
backgroundColor: formData.is_active
? '#23A55A'
: '#bfbfbf',
}}
checked={formData.is_active}
onChange={handleStatusToggle}
/>
</div>
<div>
<Text>{formData.is_active ? 'Active' : 'Inactive'}</Text>
</div>
</div>
</div>
</div>
</div>
<Divider style={{ margin: '12px 0' }} />
<Divider style={{ margin: '12px 0' }} />
</>
)}
<div style={{ marginBottom: 12 }}>
<Text strong>Name</Text>