Web: Components: deleted bar-banner component
This commit is contained in:
parent
35f3111bcb
commit
79c9f3eb46
@ -1,47 +0,0 @@
|
|||||||
import React, { useState } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
import { StyledBarBanner, StyledCrossIcon } from "./styled-bar-banner";
|
|
||||||
|
|
||||||
const BarBanner = (props) => {
|
|
||||||
const { htmlLink } = props;
|
|
||||||
|
|
||||||
const [open, setOpen] = useState(true);
|
|
||||||
|
|
||||||
const onClose = () => setOpen(false);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<StyledBarBanner {...props} open={open}>
|
|
||||||
{htmlLink ? (
|
|
||||||
<iframe
|
|
||||||
height="60px"
|
|
||||||
width="100%"
|
|
||||||
src={htmlLink}
|
|
||||||
frameBorder="0"
|
|
||||||
align="left"
|
|
||||||
scrolling="no"
|
|
||||||
></iframe>
|
|
||||||
) : (
|
|
||||||
""
|
|
||||||
)}
|
|
||||||
<div className="action" onClick={onClose}>
|
|
||||||
<StyledCrossIcon size="medium" />
|
|
||||||
</div>
|
|
||||||
</StyledBarBanner>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
BarBanner.propTypes = {
|
|
||||||
id: PropTypes.string,
|
|
||||||
className: PropTypes.string,
|
|
||||||
style: PropTypes.object,
|
|
||||||
htmlLink: PropTypes.string,
|
|
||||||
};
|
|
||||||
|
|
||||||
BarBanner.defaultProps = {
|
|
||||||
id: undefined,
|
|
||||||
className: undefined,
|
|
||||||
style: undefined,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default BarBanner;
|
|
@ -1,32 +0,0 @@
|
|||||||
import styled from "styled-components";
|
|
||||||
import CrossIcon from "../../../public/images/cross.react.svg";
|
|
||||||
import commonIconsStyles from "../utils/common-icons-style";
|
|
||||||
|
|
||||||
const StyledCrossIcon = styled(CrossIcon)`
|
|
||||||
${commonIconsStyles}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
path {
|
|
||||||
fill: #fff;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const StyledBarBanner = styled.div`
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: ${(props) => (props.open ? "flex" : "none")};
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: flex-start;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.action {
|
|
||||||
padding: 4px;
|
|
||||||
position: absolute;
|
|
||||||
left: 98%;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
export { StyledBarBanner, StyledCrossIcon };
|
|
Loading…
Reference in New Issue
Block a user