From b8f0da7a0c54e543ea3068eee8f7386b3854988e Mon Sep 17 00:00:00 2001
From: saumyakaran <40575379+saumyakaran@users.noreply.github.com>
Date: Sun, 29 Nov 2020 10:54:13 +0530
Subject: [PATCH] feat: added cookie management feature

User can change their cookie preference from settings now
---
 components/common/layouts/dashboard.js |  2 +-
 components/settings/index.js           | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/components/common/layouts/dashboard.js b/components/common/layouts/dashboard.js
index ae2706f4..82ae2de0 100644
--- a/components/common/layouts/dashboard.js
+++ b/components/common/layouts/dashboard.js
@@ -215,7 +215,7 @@ const withDashboardLayout = (children) => {
 					<div
 						className={`mx-auto h-full ${
 							includes(
-								[Routes.OVERVIEW, Routes.CALCULATOR],
+								[Routes.OVERVIEW, Routes.CALCULATOR, Routes.SETTINGS],
 								get(router, "pathname")
 							) ? "max-w-screen-lg" : "max-w-screen-xl"
 						}`}
diff --git a/components/settings/index.js b/components/settings/index.js
index df5b8699..997d28b8 100644
--- a/components/settings/index.js
+++ b/components/settings/index.js
@@ -7,6 +7,18 @@ const Settings = () => {
 	return (
 		<div className="pt-12 text-gray-700">
 			<h1 className="font-semibold text-xl">Settings</h1>
+			<section id="preferences" className="mt-12">
+				<h3 className="font-medium text-sm">Preferences</h3>
+				<Divider />
+				<div className="flex flex-col">
+					<button
+						onClick={() => window.Metomic.raise()}
+						className="flex justify-between px-2 text-sm py-2 my-1 rounded-lg hover:text-teal-500 hover:bg-gray-400 hover:bg-opacity-22"
+					>
+						Manage cookies <ChevronRight />
+					</button>
+				</div>
+			</section>
 			<section id="community" className="mt-12">
 				<h3 className="font-medium text-sm">Join Our Community</h3>
 				<Divider />