src/components/Panels/SettingsDrawer/DrawerTaskManagementSection.jsx - master - DevDenzo/ERP

src/components/Panels/SettingsDrawer/DrawerTaskManagementSection.jsx

65 строк2 KB

Denis Sklyarskij

Инициализирован репозиторий

14 янв 2026, 23:32

14 янв 2026, 23:321df3d47

import React, { memo } from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';

import { Check2, List } from 'react-bootstrap-icons';

const DrawerTaskManagementSection = memo(({ textTitle, items }) => {
    const mappingTaskManagementIcons = {
        1: <List size={22} />,
    };

    return (
        <section className={classNames('settings-drawer__section')}>
            <p className={classNames('settings-drawer__text')}>{textTitle}</p>
            <div className={classNames('settings-drawer__content')}>
                {items.map((item) => (
                    <div
                        key={item.id}
                        className={classNames('form-check', 'settings-drawer__form-check')}
                    >
                        <input
                            type="checkbox"
                            className={classNames(
                                'form-check-input',
                                'settings-drawer__check-input'
                            )}
                        />
                        <label
                            className={classNames(
                                'form-check-label',
                                'settings-drawer__button-check'
                            )}
                        >
                            <Check2 size={16} />
                        </label>
                        <div className={classNames('settings-drawer__text-item')}>
                            <div
                                className={classNames('settings-drawer__external-icon-container')}
                            >
                                <div className={classNames('settings-drawer__text-icon')}>
                                    {mappingTaskManagementIcons[item.id]}
                                </div>
                            </div>
                            <span className={classNames('settings-drawer__button-check-text')}>
                {item.text}
              </span>
                        </div>
                    </div>
                ))}
            </div>
        </section>
    );
});

DrawerTaskManagementSection.propTypes = {
    textTitle: PropTypes.string.isRequired,
    items: PropTypes.arrayOf(
        PropTypes.shape({
            id: PropTypes.number.isRequired,
            text: PropTypes.string.isRequired,
        })
    ).isRequired,
};

export default DrawerTaskManagementSection;