From 54fd3d57054feaf13ec2fae532e645ed0bc87349 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 22 Aug 2023 18:20:04 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20fix(headerComponent):=20remove?=
 =?UTF-8?q?=20unused=20imports=20and=20function=20call=20to=20improve=20co?=
 =?UTF-8?q?de=20cleanliness=20and=20performance=20=E2=9C=A8=20feat(headerC?=
 =?UTF-8?q?omponent):=20remove=20conditional=20rendering=20for=20api=20key?=
 =?UTF-8?q?s=20button=20to=20always=20display=20it=20in=20the=20header=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(ApiKeysPage):=20add=20missing=20import=20for?=
 =?UTF-8?q?=20Header=20component=20to=20fix=20compilation=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/headerComponent/index.tsx  | 26 +++++++++----------
 src/frontend/src/pages/ApiKeysPage/index.tsx  |  3 +++
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index a9c91ebea..33fcaf58e 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState } from "react";
+import { useContext } from "react";
 import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import AlertDropdown from "../../alerts/alertDropDown";
@@ -7,7 +7,6 @@ import { alertContext } from "../../contexts/alertContext";
 import { AuthContext } from "../../contexts/authContext";
 import { darkContext } from "../../contexts/darkContext";
 import { TabsContext } from "../../contexts/tabsContext";
-import { getRepoStars } from "../../controllers/API";
 import IconComponent from "../genericIconComponent";
 import { Button } from "../ui/button";
 import { Separator } from "../ui/separator";
@@ -128,18 +127,17 @@ export default function Header(): JSX.Element {
               />
             </div>
           </AlertDropdown>
-          {!autoLogin && (
-            <button
-              onClick={() => {
-                navigate("/account/api-keys");
-              }}
-            >
-              <IconComponent
-                name="Key"
-                className="side-bar-button-size text-muted-foreground hover:text-accent-foreground"
-              />
-            </button>
-          )}
+
+          <button
+            onClick={() => {
+              navigate("/account/api-keys");
+            }}
+          >
+            <IconComponent
+              name="Key"
+              className="side-bar-button-size text-muted-foreground hover:text-accent-foreground"
+            />
+          </button>
         </div>
       </div>
     </div>
diff --git a/src/frontend/src/pages/ApiKeysPage/index.tsx b/src/frontend/src/pages/ApiKeysPage/index.tsx
index 37e148caa..852d898b1 100644
--- a/src/frontend/src/pages/ApiKeysPage/index.tsx
+++ b/src/frontend/src/pages/ApiKeysPage/index.tsx
@@ -18,6 +18,7 @@ import SecretKeyModal from "../../modals/SecretKeyModal";
 
 import moment from "moment";
 import { ApiKey } from "../../types/components";
+import Header from "../../components/headerComponent";
 
 export default function ApiKeysPage() {
   const [loadingKeys, setLoadingKeys] = useState(true);
@@ -80,6 +81,8 @@ export default function ApiKeysPage() {
 
   return (
     <>
+      <Header />
+
       {userData && (
         <div className="main-page-panel">
           <div className="m-auto flex h-full flex-row justify-center">