From f44d3b2a3d69db8ed72c015cc5886f9402438c8b Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Mon, 1 Jan 2024 13:23:21 +0100
Subject: [PATCH] refactor(vojtechmares.com): use map to iterate over nav links

Signed-off-by: Vojtech Mares <iam@vojtechmares.com>
---
 .../components/layout/Navigation.tsx          | 40 +++++++++++++------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/apps/vojtechmares.com/components/layout/Navigation.tsx b/apps/vojtechmares.com/components/layout/Navigation.tsx
index a20f0c2..fc5a4e7 100644
--- a/apps/vojtechmares.com/components/layout/Navigation.tsx
+++ b/apps/vojtechmares.com/components/layout/Navigation.tsx
@@ -2,6 +2,22 @@ import Link from "next/link";
 
 import { Container } from "@/components/Container";
 import { Button } from "@/components/Button";
+import { link } from "fs";
+
+const links = [
+  {
+    name: "Školení",
+    href: "/#skoleni",
+  },
+  {
+    name: "Blog",
+    href: "https://vojtechmares.blog/",
+  },
+  // {
+  //   name: "Případové studie",
+  //   href: "/pripadove-studie",
+  // },
+];
 
 export function Navigation() {
   return (
@@ -14,19 +30,17 @@ export function Navigation() {
                 <Link href="/" className="py-2 px-4 rounded-full focus-visible:outline-black">Vojtěch Mareš</Link>
               </span>
               <div className="hidden md:flex md:gap-x-6">
-                <Link
-                  href="/#skoleni"
-                  className="inline-block rounded-full py-2 px-4 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black focus-visible:outline-black"
-                >
-                  Školení
-                </Link>
-                {/* <Link href="/pripadove-studie" className="inline-block rounded-full py-2 px-4 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black focus-visible:outline-black">Případové studie</Link> */}
-                <Link
-                  href="https://vojtechmares.blog/"
-                  className="inline-block rounded-full py-2 px-4 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black focus-visible:outline-black"
-                >
-                  Blog
-                </Link>
+                {links.map((link) =>
+                  (
+                    <Link
+                      key={link.name}
+                      href={link.href}
+                      className="inline-block rounded-full py-2 px-4 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black focus-visible:outline-black"
+                    >
+                      {link.name}
+                    </Link>
+                  )
+                )}
               </div>
             </div>
             <div className="flex items-center gap-x-5 md:gap-x-8">