mastermindzh/react-cookie-consent
1
0
Fork 0
mirror of https://github.com/Mastermindzh/react-cookie-consent.git synced 2025-05-10 07:13:47 +02:00
Code Issues Projects Releases Wiki Activity

react 18 demo

Browse Source
This commit is contained in:
Rick van Lieshout 2022-04-03 10:35:38 +02:00
parent bff8dd76c5
commit 70fab48615
5 changed files with 34009 additions and 15296 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.babelrc
View File

@ -1,7 +1,8 @@
{ {
"presets": ["env"], "presets": ["env"],
"plugins": [ "plugins": [
"transform-object-rest-spread", "@babel/plugin-proposal-object-rest-spread",
"transform-react-jsx" "@babel/plugin-transform-react-jsx",
"@babel/plugin-transform-object-assign"
] ]
} }

34418
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

21
package.json
View File

@ -4,10 +4,10 @@
"private": true, "private": true,
"homepage": "https://mastermindzh.github.io/react-cookie-consent", "homepage": "https://mastermindzh.github.io/react-cookie-consent",
"dependencies": { "dependencies": {
"react": "^16.8.6", "react": "^18.0.0",
"react-cookie-consent": "^4.0.0", "react-cookie-consent": "^7.4.1",
"react-dom": "^16.13.1", "react-dom": "^18.0.0",
"react-scripts": "1.1.4" "react-scripts": "5.0.0"
}, },
"scripts": { "scripts": {
"predeploy": "npm run build", "predeploy": "npm run build",
@ -18,6 +18,19 @@
"eject": "react-scripts eject" "eject": "react-scripts eject"
}, },
"devDependencies": { "devDependencies": {
"@babel/plugin-proposal-object-rest-spread": "^7.17.3",
"gh-pages": "^1.1.0" "gh-pages": "^1.1.0"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
} }
} }

159
src/App.js
View File

@ -16,27 +16,170 @@ class App extends Component {
<p className="App-intro"> <p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload. To get started, edit <code>src/App.js</code> and save to reload.
</p> </p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<p> <p>
<strong>Note:</strong> by default the bar will come back even with a <strong>Note:</strong> by default the bar will come back even with a cookie set, remove
cookie set, remove "debug=&#123;true&#125;" in App.js to enable the "debug=&#123;true&#125;" in App.js to enable the real bar behavior.
real bar behavior.
</p> </p>
<CookieConsent <CookieConsent
onAccept={() => { onAccept={(byScroll) => {
alert("yay!"); alert(`yay! \n by scrolling? ${byScroll}`);
}} }}
debug={true} debug={true}
enableDeclineButton enableDeclineButton
acceptOnScroll
acceptOnScrollPercentage={80}
declineButtonText="Decline (optional)" declineButtonText="Decline (optional)"
onDecline={() => { onDecline={() => {
alert("nay!"); alert("nay!");
}} }}
> >
This website uses cookies to enhance the user experience.{" "} This website uses cookies to enhance the user experience.{" "}
<span style={{ fontSize: "10px" }}> <span style={{ fontSize: "10px" }}>This bit of text is smaller :O</span>
This bit of text is smaller :O
</span>
</CookieConsent> </CookieConsent>
</div> </div>
); );

15004
yarn.lock
View File

File diff suppressed because it is too large Load Diff