Elisha Nuchi
32 lines
736 B
React
32 lines
736 B
React
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import '../styles.css';
|
|
|
|
const SheetButton = (props) => {
|
|
const {name, deleteButtonHandler, clickSheetNameHandler} = props;
|
|
|
|
const {sheetIndex, text, isActive} = name;
|
|
|
|
return (
|
|
<div className="sheetLine">
|
|
<button
|
|
onClick={(e) => deleteButtonHandler(e, sheetIndex)}
|
|
>X
|
|
</button>
|
|
<span
|
|
onClick={(e) => clickSheetNameHandler(e, text)}
|
|
className={'sheetNameText ' + (isActive ? 'active-sheet' : '')}
|
|
>{text}
|
|
</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SheetButton;
|
|
|
|
SheetButton.propTypes = {
|
|
name: PropTypes.object,
|
|
deleteButtonHandler: PropTypes.func,
|
|
clickSheetNameHandler: PropTypes.func,
|
|
};
|