Add cookie banner (#323)

olekenneth · Mar 3, 2023 · b5a0245 · b5a0245
1 parent 5d45d68
commit b5a0245
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git 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
@@ -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<IRoad[]>([]);
@@ -90,6 +91,17 @@ const App = () => {
           setFavorites={setFavorites}
         />
         <Roads favorites={favorites} roads={roads} />
+        <CookieConsent>
+          This website uses{" "}
+          <a href="https://policies.google.com/technologies/ads?hl=en-US">
+            Google Ads
+          </a>
+          ,{" "}
+          <a href="https://policies.google.com/privacy?hl=en-US#infocollect">
+            Google Analytics
+          </a>
+          , cookies and local storage.
+        </CookieConsent>
       </div>
     </>
   );