968a3eefde
* ui: migrating old components -> ant * ui: moving input, tooltip, toggler, checkbox... -> Toggler\s*(.)? from 'UI * ui: more components moved * ui: move popover to ant
27 lines
779 B
JavaScript
27 lines
779 B
JavaScript
import React from 'react';
|
|
import cn from 'classnames';
|
|
import { Icon } from 'UI';
|
|
import { Button } from 'antd';
|
|
import styles from './listItem.module.css';
|
|
|
|
const ListItem = ({ field, onEdit, disabled }) => {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'group hover:bg-active-blue flex items-center justify-between py-3 px-5 cursor-pointer',
|
|
field.index === 0 ? styles.preDefined : '',
|
|
{
|
|
[styles.disabled]: disabled
|
|
}
|
|
)}
|
|
onClick={() => field.index !== 0 && onEdit(field)}
|
|
>
|
|
<span>{field.key}</span>
|
|
<div className="invisible group-hover:visible" data-hidden={field.index === 0}>
|
|
<Button type="text" icon={<Icon name={"pencil"} size={16} />} />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ListItem;
|