design-react-kit
Version:
Componenti React per Bootstrap 5
20 lines • 1.25 kB
JavaScript
import React from 'react';
import { Icon } from '../Icon/Icon';
import { useTransferContext } from './useTransferContext';
const BacktransferButton = () => {
const { targetCandidates, sourceItems, targetItems, setSourceItems, setTargetItems, setTargetCandidates } = useTransferContext();
const handleTransfer = (e) => {
e.preventDefault();
const newTargetItems = targetItems.filter((item) => !targetCandidates.includes(item.id));
const newSourceItems = sourceItems.concat(targetItems.filter((item) => targetCandidates.includes(item.id)));
setSourceItems({ items: newSourceItems });
setTargetItems({ items: newTargetItems });
setTargetCandidates([]);
};
return (React.createElement(React.Fragment, null,
React.createElement("a", { className: `backtransfer ${targetCandidates.length > 0 ? 'active' : ''}`, href: '#', role: 'button', "aria-label": 'Sposta indietro', onClick: handleTransfer, "data-testid": 'backtransfer-button' },
React.createElement(Icon, { icon: 'it-arrow-left' })),
React.createElement("span", { className: 'visually-hidden' }, "Etichetta per freccia sinistra")));
};
export { BacktransferButton };
//# sourceMappingURL=BacktransferButton.js.map