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

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

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