diff --git a/package-lock.json b/package-lock.json index 1cc62b19..ab22d993 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,6 +17,7 @@ "@types/react-dom": "18.0.11", "fomantic-ui-css": "2.9.2", "react": "18.2.0", + "react-cookie-consent": "^8.0.1", "react-dom": "18.2.0", "react-ga": "3.3.1", "react-scripts": "5.0.1", @@ -11136,6 +11137,11 @@ "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz", "integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg==" }, + "node_modules/js-cookie": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz", + "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==" + }, "node_modules/js-sdsl": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.3.0.tgz", @@ -13817,6 +13823,20 @@ "node": ">=14" } }, + "node_modules/react-cookie-consent": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/react-cookie-consent/-/react-cookie-consent-8.0.1.tgz", + "integrity": "sha512-4A2jzPQDFfBhtxIz4hYX+vJ0QnOknGdOXpEoetXzgwUrMtxVJVow8YgBsGerNt5rJI7WhKkHwr8LmxekxgVejg==", + "dependencies": { + "js-cookie": "^2.2.1" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "react": ">=16" + } + }, "node_modules/react-dev-utils": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", diff --git a/package.json b/package.json index 4aaab9b6..cb498e24 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "@types/react-dom": "18.0.11", "fomantic-ui-css": "2.9.2", "react": "18.2.0", + "react-cookie-consent": "^8.0.1", "react-dom": "18.2.0", "react-ga": "3.3.1", "react-scripts": "5.0.1", diff --git a/src/App.tsx b/src/App.tsx index 43c3e6ff..5c414f78 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -5,6 +5,7 @@ import "./App.css"; import Header from "./Header"; import { IRoad, IFavorite } from "./types"; import Roads from "./Roads"; +import CookieConsent from "react-cookie-consent"; const App = () => { const [roads, setRoads] = useState([]); @@ -90,6 +91,17 @@ const App = () => { setFavorites={setFavorites} /> + + This website uses{" "} + + Google Ads + + ,{" "} + + Google Analytics + + , cookies and local storage. + );