mastermindzh/react-cookie-consent
1
0
Fork 0
mirror of https://github.com/Mastermindzh/react-cookie-consent.git synced 2025-02-23 10:43:04 +01:00
Code Issues Projects Releases Wiki Activity

Removed the React.Fragment and introduced a more general div. By moving the declaration in code our html code is a bit nicer as well. Fixes #74

Browse Source
This commit is contained in:
Rick van Lieshout 2020-06-18 18:14:17 +02:00
parent 6dbd794b6e
commit 47f0e98fe4
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
build/index.js
View File

@ -986,17 +986,20 @@ module.exports = /******/ (function (modules) {
buttonsToRender.reverse(); buttonsToRender.reverse();
} }
var OverlayWrapper = !overlay var Wrapper = !overlay
? function (props) { ? function (props) {
return _react2.default.createElement(_react2.default.Fragment, props); return _react2.default.createElement("div", props);
} }
: function (props) { : function (props) {
return _react2.default.createElement("div", props); return _react2.default.createElement(
"div",
_extends({}, props, { style: myOverlayStyle, className: overlayClasses })
);
}; };
return _react2.default.createElement( return _react2.default.createElement(
OverlayWrapper, Wrapper,
{ style: myOverlayStyle, className: overlayClasses }, null,
_react2.default.createElement( _react2.default.createElement(
"div", "div",
{ className: "" + containerClasses, style: myStyle }, { className: "" + containerClasses, style: myStyle },

10
src/index.js
View File

@ -320,12 +320,12 @@ class CookieConsent extends Component {
buttonsToRender.reverse(); buttonsToRender.reverse();
} }
const OverlayWrapper = !overlay const Wrapper = !overlay
? (props) => <React.Fragment {...props} /> ? (props) => <div {...props} />
: (props) => <div {...props} />; : (props) => <div {...props} style={myOverlayStyle} className={overlayClasses} />;
return ( return (
<OverlayWrapper style={myOverlayStyle} className={overlayClasses}> <Wrapper>
<div className={`${containerClasses}`} style={myStyle}> <div className={`${containerClasses}`} style={myStyle}>
<div style={myContentStyle} className={contentClasses}> <div style={myContentStyle} className={contentClasses}>
{this.props.children} {this.props.children}
@ -336,7 +336,7 @@ class CookieConsent extends Component {
})} })}
</div> </div>
</div> </div>
</OverlayWrapper> </Wrapper>
); );
} }
} }