From 64eb6c717c957e0382141e6f923bff5b5d9e40bf Mon Sep 17 00:00:00 2001
From: Nikolai R Kristiansen <nikolaik@gmail.com>
Date: Sat, 19 Feb 2022 17:30:12 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20link=20to=20legacy=20admin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Header.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index d491393..f327e3a 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -8,10 +8,11 @@ import { NavLink } from "react-router-dom";
 import { ReactComponent as Logo } from "../assets/brick.svg";
 import styles from "./Header.module.css";
 
-interface NavLinkStyleProps {
-  isActive: boolean;
-}
-const navLinkStyles = ({ isActive }: NavLinkStyleProps) => (isActive ? "nav-link active" : "nav-link");
+const ADMIN_URL = import.meta.env.VITE_API_URL
+  ? `${import.meta.env.VITE_API_URL}/admin`
+  : "http://localhost:8000/admin/";
+
+const navLinkStyles = ({ isActive }: { isActive: boolean }) => (isActive ? "nav-link active" : "nav-link");
 
 export const Header: React.FC = () => {
   return (
@@ -76,6 +77,13 @@ export const Header: React.FC = () => {
             </li>
           </ul>
         </div>
+        <ul className="navbar-nav">
+          <li className="nav-item">
+            <a href={ADMIN_URL} className="nav-link">
+              Admin
+            </a>
+          </li>
+        </ul>
       </nav>
     </header>
   );