Merge pull request #23 from jeffglaum/website-repairs

add external link nav button

Author: jeffglaum

src/components/header.rs

@@ -19,7 +19,7 @@ pub fn Header() -> impl IntoView {
             <nav class="flex [column-gap:25px]">
                 <NavButton href="/getting-started" label="Getting Started"/>
                 <NavButton href="/projects" label="Projects"/>
-                <NavButton href="https://opendevicepartnership.github.io/documentation/" label="Library"/>
+                <ExternalNavButton href="https://opendevicepartnership.github.io/documentation/" label="Library"/>
                 <NavButton href="/community" label="Community"/>
                 <NavButton href="/home" label="Home"/>
             </nav>
@@ -44,3 +44,15 @@ fn NavButton(href: &'static str, label: &'static str) -> impl IntoView {
         </A>
     }
 }
+
+#[component]
+fn ExternalNavButton(href: &'static str, label: &'static str) -> impl IntoView {
+    view! {
+        <a
+            href=href
+            class="odp-header-btn odp-header-btn-text"
+        >
+            {label}
+        </a>
+    }
+}