From 08067443e3e7d691c7f86391ac71915318aacc9e Mon Sep 17 00:00:00 2001
From: Magnus Gule <mg@variant.no>
Date: Thu, 26 Oct 2023 10:37:59 +0200
Subject: [PATCH] Added Secondary button back to first-page as per Design
 (#216)

---
 frontend/src/app/page.tsx                   |  4 ++--
 frontend/src/components/SecondaryButton.tsx | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/components/SecondaryButton.tsx

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 6ccb6b4d..512e43ce 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -1,4 +1,4 @@
-import PrimaryButton from "@/components/PrimaryButton";
+import SecondaryButton from "@/components/SecondaryButton";
 import { fetchWithToken } from "@/data/fetchWithToken";
 import { Organisation } from "@/types";
 import Link from "next/link";
@@ -10,7 +10,7 @@ export default async function Root() {
       {orgs.map((o) => (
         <li key={o.urlKey}>
           <Link href={`/${o.urlKey}/bemanning`}>
-            <PrimaryButton label={o.name} />
+            <SecondaryButton label={o.name} />
           </Link>
         </li>
       ))}
diff --git a/frontend/src/components/SecondaryButton.tsx b/frontend/src/components/SecondaryButton.tsx
new file mode 100644
index 00000000..aff6093f
--- /dev/null
+++ b/frontend/src/components/SecondaryButton.tsx
@@ -0,0 +1,18 @@
+export default function SecondaryButton({
+  label,
+  onClick,
+}: {
+  label: string;
+  onClick?: () => void;
+}) {
+  return (
+    <button
+      className="h-10 p-3 rounded-lg border border-primary_l1 justify-center items-center gap-2 inline-flex hover:bg-primary_default hover:border-primary_default hover:bg-opacity-10"
+      onClick={onClick}
+    >
+      <div className=" text-primary_default text-sm font-semibold leading-none">
+        {label}
+      </div>
+    </button>
+  );
+}