@@ -4,22 +4,32 @@ import string from '../lang';
44import './deletedeviceitem.scss' ;
55
66const DeleteDeviceItem = props => (
7- < li className = "checkbox-item" onClick = { ev => props . onClick ( ev , props . id ) } >
8- < div className = "checkmark-container reverse" >
9- < span className = { defineClassCheckbox ( props . checked ) } />
10- </ div >
11- < div className = "device-type-icon" >
12- < i className = { defineDeviceType ( props . deviceType ) } />
13- </ div >
14- < div className = { 'device-description' } >
15- < strong > { props . name } </ strong >
16- < span >
17- < b > { string . last_activity } </ b > : { props . lastActivity }
18- </ span >
7+ < li
8+ className = { defineClassComponent ( props . checked ) }
9+ onClick = { ev => props . onClick ( ev , props . id ) }
10+ >
11+ < div >
12+ < div className = "checkmark-container reverse" >
13+ < span className = { defineClassCheckbox ( props . checked ) } />
14+ </ div >
15+ < div className = "device-type-icon" >
16+ < i className = { defineDeviceType ( props . deviceType ) } />
17+ </ div >
18+ < div className = { 'device-description' } >
19+ < strong > { props . name } </ strong >
20+ < span >
21+ < b > { string . last_activity } </ b > : { props . lastActivity }
22+ </ span >
23+ </ div >
1924 </ div >
2025 </ li >
2126) ;
2227
28+ const defineClassComponent = checked => {
29+ const classChecked = 'checkbox-item-checked' ;
30+ return `checkbox-item ${ checked ? classChecked : '' } ` ;
31+ } ;
32+
2333const defineClassCheckbox = checked => {
2434 return checked ? `checkmark checkmark-checked` : `checkmark` ;
2535} ;
0 commit comments