/
DevDenzo
/
ERP
Обзор
Документация
Войти
/
DevDenzo
/
ERP
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/buttons/ColumnEditButton/ColumnEditButton.jsx
46 строк
2 KB
Denis Sklyarskij
Инициализирован репозиторий
14 янв 2026, 23:32
14 янв 2026, 23:32
1df3d47
Код
Авторство
О чём код?
// Подключаем библиотеку React import React, { memo } from "react"; // Подключаем библиотеку объединения классов import classNames from "classnames"; // Подключаем библиотеку проверки параметров компонента import PropTypes from "prop-types"; // Подключаем иконки react-bootstrap import { Pencil } from "react-bootstrap-icons"; // Подключаем стили кнопки редактирования столбцов таблицы import "./_column-edit-button.less"; // Кнопка редактирования столбцов таблицы const ColumnEditButton = memo(({ setEdit, update }) => { // отображаем представление кнопки редактирования return ( <button type="button" className={classNames( "btn", "btn-light", "column-edit-button" )} onClick={ async () => { setEdit(prev => !prev); await update(); } } > <Pencil size={16} /> </button> ); }); // Блок проверки типов параметров компонентов ColumnEditButton.propTypes = { // Обязательная функция управления состоянием редактирования setEdit: PropTypes.func.isRequired, // Обязательная функция управления состоянием обновления таблицы в indexDb update: PropTypes.func.isRequired }; export default ColumnEditButton;