Added a cache element for lang-orange

langaracpsc · Dec 28, 2023 · 5f6aaaa · 5f6aaaa
1 parent 1eeb5d1
commit 5f6aaaa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:16
+FROM node:21
 WORKDIR /usr/src/app
 
 COPY . ./

diff --git a/frontend/src/app/NavButton.tsx b/frontend/src/app/NavButton.tsx
@@ -20,11 +20,14 @@ interface NavButtonProps
 export default function NavButton({ Label, EndPoint, Activated, OnClick } : NavButtonProps): JSX.Element 
 {
     const color: string = (Activated) ? "white" : "lang-orange";
+    <div className="border-lang-orange"></div> // cache
 
-    return (<><button 
-            className={`bg-transparent max-[600px]:text-[10px] max-[600px]:h-8 max-[600px]:w-15 h-10 text-white font-semibold hover:text-white py-2 px-4 border border-${color} hover:border-white rounded select-none`}
-            onClick={() => {OnClick(EndPoint);}}>
-            {Label}
-        </button></>);
+    return (<>
+            <button 
+                className={`bg-transparent max-[600px]:text-[10px] max-[600px]:h-8 max-[600px]:w-15 h-10 text-white font-semibold hover:text-white py-2 px-4 border border-${color} hover:border-white rounded select-none`}
+                onClick={() => {OnClick(EndPoint);}}>
+                {Label}
+            </button>
+        </>);
 }