2019-11-02 15:34:55 +00:00
|
|
|
import React from "react";
|
|
|
|
import PropTypes from "prop-types";
|
2020-03-28 10:10:32 +00:00
|
|
|
import { Button, ComboBox, Icons } from "asc-web-components";
|
2019-12-14 13:16:01 +00:00
|
|
|
import StyledFooter from "./StyledFooter";
|
2019-11-02 15:34:55 +00:00
|
|
|
|
2019-12-14 13:16:01 +00:00
|
|
|
const Footer = props => {
|
2019-11-08 12:05:02 +00:00
|
|
|
const {
|
|
|
|
selectButtonLabel,
|
|
|
|
isDisabled,
|
|
|
|
onClick,
|
|
|
|
isVisible,
|
2020-03-28 10:10:32 +00:00
|
|
|
className,
|
|
|
|
comboBoxOptions
|
2019-11-08 12:05:02 +00:00
|
|
|
} = props;
|
2019-11-02 15:34:55 +00:00
|
|
|
|
|
|
|
return (
|
2020-03-28 10:10:32 +00:00
|
|
|
<StyledFooter withComboBox={comboBoxOptions} isVisible={isVisible} className={className}>
|
2019-11-02 15:34:55 +00:00
|
|
|
<Button
|
|
|
|
className="add_members_btn"
|
|
|
|
primary={true}
|
|
|
|
size="big"
|
|
|
|
label={selectButtonLabel}
|
|
|
|
scale={true}
|
|
|
|
isDisabled={isDisabled}
|
|
|
|
onClick={onClick}
|
|
|
|
/>
|
2020-03-28 10:10:32 +00:00
|
|
|
{comboBoxOptions && (
|
|
|
|
<ComboBox
|
|
|
|
advancedOptions={comboBoxOptions}
|
|
|
|
options={[]}
|
|
|
|
selectedOption={{ key: 0 }}
|
|
|
|
size="content"
|
|
|
|
className="ad-selector_combo-box"
|
|
|
|
scaled={false}
|
|
|
|
directionX="right"
|
|
|
|
//isDisabled={isDisabled}
|
|
|
|
>
|
|
|
|
{React.createElement(Icons["EyeIcon"], {
|
|
|
|
size: "medium"
|
|
|
|
//color: this.state.currentIconColor,
|
|
|
|
//isfill: isFill
|
|
|
|
})}
|
|
|
|
</ComboBox>
|
|
|
|
)}
|
2019-12-14 13:16:01 +00:00
|
|
|
</StyledFooter>
|
2019-11-02 15:34:55 +00:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2019-12-14 13:16:01 +00:00
|
|
|
Footer.propTypes = {
|
2019-11-08 12:05:02 +00:00
|
|
|
className: PropTypes.string,
|
2019-11-02 15:34:55 +00:00
|
|
|
selectButtonLabel: PropTypes.string,
|
|
|
|
isDisabled: PropTypes.bool,
|
|
|
|
isVisible: PropTypes.bool,
|
|
|
|
onClick: PropTypes.func
|
|
|
|
};
|
|
|
|
|
2019-12-14 13:16:01 +00:00
|
|
|
export default Footer;
|