/
ArtemGalcenko
/
test
Обзор
Документация
Войти
/
ArtemGalcenko
/
test
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
FormAddingEvents/components/EventsTableButton/index.tsx
47 строк
2 KB
Artem Galchenko
Part of the code
18 сен 2024, 12:28
18 сен 2024, 12:28
bb79803
Код
Авторство
О чём код?
import Popconfirm from '@/modules/shared/components/Popconfirm'; import { DeleteOutlined, EditOutlined } from '@ant-design/icons'; import { Button, Row, Space, Tooltip } from 'antd'; import React, { useMemo } from 'react'; import s from './styles.less'; type EventsTableButtonsProps = { record: EventsAPI.EventRecord; isEditing: boolean; onEdit: (args: EventsAPI.EventRecord) => void; onSaveChanges: (args: EventsAPI.EventRecord) => void; onCancel: () => void; onDelete: (id: string) => void; }; const EventsTableButtons: React.FC<EventsTableButtonsProps> = ({ record, onEdit, onDelete }) => { const EditOutlinedIcon = useMemo(() => <EditOutlined />, []); const DeleteOutlinedIcon = useMemo(() => <DeleteOutlined />, []); return ( <Row justify="end"> <Space> <> <Tooltip placement="bottom" title="Редактировать"> <Button size="large" type="text" icon={EditOutlinedIcon} className={s.editButton} onClick={() => onEdit(record)} /> </Tooltip> <Popconfirm title={'Вы уверены, что хотите удалить событие?'} onConfirm={() => onDelete(record.event_id)} > <Tooltip placement="bottom" title="Удалить"> <Button danger size="large" type="text" icon={DeleteOutlinedIcon} /> </Tooltip> </Popconfirm> </> </Space> </Row> ); }; export default EventsTableButtons;