From b14d6d4238f22eace94a61b5e6013ce70d2a08ec Mon Sep 17 00:00:00 2001
From: Rodrigo Nader <rodrigosilvanader@gmail.com>
Date: Wed, 28 Jun 2023 12:51:05 -0300
Subject: [PATCH] Refactor crash error component, header component, and main
 page component

- Refactored crash error component to update the background color of the reset button.
- Removed commented code in the header component.
- Imported BUTTON_DIV_STYLE constant in the main page component.
---
 src/frontend/src/components/CrashErrorComponent/index.tsx | 2 +-
 src/frontend/src/components/headerComponent/index.tsx     | 3 ++-
 src/frontend/src/pages/MainPage/index.tsx                 | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/CrashErrorComponent/index.tsx b/src/frontend/src/components/CrashErrorComponent/index.tsx
index 760a1745a..8bd32af92 100644
--- a/src/frontend/src/components/CrashErrorComponent/index.tsx
+++ b/src/frontend/src/components/CrashErrorComponent/index.tsx
@@ -14,7 +14,7 @@ export default function CrashErrorComponent({ error, resetErrorBoundary }) {
         <div className="flex justify-center">
           <button
             onClick={resetErrorBoundary}
-            className="bg-almost-dark-blue hover:bg-ring text-background font-bold py-2 px-4 rounded mr-4"
+            className="bg-primary hover:bg-ring text-background font-bold py-2 px-4 rounded mr-4"
           >
             Reset Application
           </button>
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 0714424e6..323619f9a 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -99,7 +99,8 @@ export default function Header() {
           >
             <FaDiscord className="h-5 w-5" />
           </a>
-          {/* <Separator orientation="vertical" />
+
+          <Separator orientation="vertical" />
           <button
             className="text-gray-600 hover:text-gray-500 dark:text-gray-300 dark:hover:text-gray-200"
             onClick={() => {
diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index 168e43456..ccc062317 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -5,6 +5,7 @@ import { Button } from "../../components/ui/button";
 import { Link, useNavigate } from "react-router-dom";
 import { CardComponent } from "../../components/cardComponent";
 import { USER_PROJECTS_HEADER } from "../../constants";
+import { BUTTON_DIV_STYLE } from "../../constants";
 export default function HomePage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow, removeFlow } =
     useContext(TabsContext);