mastermindzh/react-cookie-consent
1
0
Fork 0
mirror of https://github.com/Mastermindzh/react-cookie-consent.git synced 2025-01-20 18:41:44 +01:00
Code Issues Projects Releases Wiki Activity

prettified the code

Browse Source
This commit is contained in:
Rick van Lieshout 2019-04-13 21:30:58 +02:00
parent c82911c903
commit 3926fff424
1 changed files with 33 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/index.js
View File

@ -101,7 +101,14 @@ class CookieConsent extends Component {
* Set a persistent accept cookie
*/
accept() {
const { cookieName, cookieValue, expires, hideOnAccept, onAccept, extraCookieOptions } = this.props;
const {
cookieName,
cookieValue,
expires,
hideOnAccept,
onAccept,
extraCookieOptions
} = this.props;
// fire onAccept
onAccept();
@ -120,7 +127,14 @@ class CookieConsent extends Component {
* Set a persistent decline cookie
*/
decline() {
const { cookieName, declineCookieValue, expires, hideOnDecline, onDecline, extraCookieOptions } = this.props;
const {
cookieName,
declineCookieValue,
expires,
hideOnDecline,
onDecline,
extraCookieOptions
} = this.props;
// fire onDecline
onDecline();
@ -178,14 +192,16 @@ class CookieConsent extends Component {
myContentStyle = Object.assign({}, { ...this.state.contentStyle, ...contentStyle });
// switch to disable JUST the button styles
if(disableButtonStyles){
if (disableButtonStyles) {
myButtonStyle = Object.assign({}, buttonStyle);
myDeclineButtonStyle = Object.assign({}, declineButtonStyle);
}else{
} else {
myButtonStyle = Object.assign({}, { ...this.state.buttonStyle, ...buttonStyle });
myDeclineButtonStyle = Object.assign({}, { ...this.state.declineButtonStyle, ...declineButtonStyle });
myDeclineButtonStyle = Object.assign(
{},
{ ...this.state.declineButtonStyle, ...declineButtonStyle }
);
}
}
// syntactic sugar to enable user to easily select top / bottom
@ -216,7 +232,7 @@ class CookieConsent extends Component {
>
{buttonText}
</ButtonComponent>
{enableDeclineButton &&
{enableDeclineButton && (
<ButtonComponent
style={myDeclineButtonStyle}
className={declineButtonClasses}
@ -227,7 +243,7 @@ class CookieConsent extends Component {
>
{declineButtonText}
</ButtonComponent>
}
)}
</div>
);
}
@ -245,27 +261,11 @@ CookieConsent.propTypes = {
hideOnDecline: PropTypes.bool,
onAccept: PropTypes.func,
onDecline: PropTypes.func,
buttonText: PropTypes.oneOfType([
PropTypes.string,
PropTypes.func,
PropTypes.element
]),
declineButtonText: PropTypes.oneOfType([
PropTypes.string,
PropTypes.func,
PropTypes.element
]),
buttonText: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]),
declineButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]),
cookieName: PropTypes.string,
cookieValue: PropTypes.oneOfType([
PropTypes.string,
PropTypes.bool,
PropTypes.number
]),
declineCookieValue: PropTypes.oneOfType([
PropTypes.string,
PropTypes.bool,
PropTypes.number
]),
cookieValue: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number]),
declineCookieValue: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number]),
debug: PropTypes.bool,
expires: PropTypes.number,
containerClasses: PropTypes.string,
@ -279,10 +279,7 @@ CookieConsent.propTypes = {
extraCookieOptions: PropTypes.object,
disableButtonStyles: PropTypes.bool,
enableDeclineButton: PropTypes.bool,
ButtonComponent: PropTypes.oneOfType([
PropTypes.func,
PropTypes.element
]),
ButtonComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element])
};
CookieConsent.defaultProps = {
@ -292,8 +289,8 @@ CookieConsent.defaultProps = {
acceptOnScroll: false,
acceptOnScrollPercentage: 25,
location: OPTIONS.BOTTOM,
onAccept: () => { },
onDecline: () => { },
onAccept: () => {},
onDecline: () => {},
cookieName: "CookieConsent",
cookieValue: true,
declineCookieValue: false,
@ -310,7 +307,7 @@ CookieConsent.defaultProps = {
extraCookieOptions: {},
disableButtonStyles: false,
enableDeclineButton: false,
ButtonComponent: ({ children, ...props }) => <button {...props}>{children}</button>,
ButtonComponent: ({ children, ...props }) => <button {...props}>{children}</button>
};
export default CookieConsent;