feat: added cookie management feature

User can change their cookie preference from settings now
buidl-labs · Dec 1, 2020 · b8f0da7 · b8f0da7
1 parent c5997ac
commit b8f0da7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git 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
@@ -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 />