From c5f1c0053eff0986c6da3707232c526d6bcd6488 Mon Sep 17 00:00:00 2001
From: lakshya <lakshyasatpal372@gmail.com>
Date: Thu, 14 Mar 2024 17:00:55 +0530
Subject: [PATCH] fix build error

Signed-off-by: lakshya <lakshyasatpal372@gmail.com>
---
 src/sections/Projects/Sistent/identity/color/code.js     | 4 +++-
 src/sections/Projects/Sistent/identity/color/guidance.js | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/sections/Projects/Sistent/identity/color/code.js b/src/sections/Projects/Sistent/identity/color/code.js
index 4add069ab058..070d0eab6e2a 100644
--- a/src/sections/Projects/Sistent/identity/color/code.js
+++ b/src/sections/Projects/Sistent/identity/color/code.js
@@ -1,5 +1,7 @@
 import React from "react";
 import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
 import BrandColors from "../../../../../assets/images/app/projects/sistent/brand-colors-table.png";
 import GreyscaleColors from "../../../../../assets/images/app/projects/sistent/greyscale-colors-table.png";
 import BgColors from "../../../../../assets/images/app/projects/sistent/bg-colors-table.png";
@@ -23,7 +25,7 @@ import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
 
 const ColorCode = () => {
   const { isDark } = useStyledDarkMode();
-
+  const location = useLocation();
   return (
     <SistentLayout title="Color">
       <div className="content">
diff --git a/src/sections/Projects/Sistent/identity/color/guidance.js b/src/sections/Projects/Sistent/identity/color/guidance.js
index 4392953e9f44..cf45bfa217bb 100644
--- a/src/sections/Projects/Sistent/identity/color/guidance.js
+++ b/src/sections/Projects/Sistent/identity/color/guidance.js
@@ -1,5 +1,7 @@
 import React from "react";
 import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
 import { Col, Row } from "../../../../../reusecore/Layout";
 import TonalPalettes from "../../../../../assets/images/app/projects/sistent/tonal-palettes-full.png";
 import TonalPalettesDark from "../../../../../assets/images/app/projects/sistent/tonal-palettes-full-dark.png";
@@ -12,6 +14,7 @@ import Button from "../../../../../reusecore/Button";
 
 const ColorGuidance = () => {
   const { isDark } = useStyledDarkMode();
+  const location = useLocation();
 
   return (
     <SistentLayout title="Color">