From a1eac976b20e39f86d5944fbec68e2a0f8ffb746 Mon Sep 17 00:00:00 2001
From: João Augusto Costa Branco Marado Torres <torres.dev@disroot.org>
Date: Tue, 24 Jun 2025 16:13:59 -0300
Subject: feat: configurable header component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: João Augusto Costa Branco Marado Torres <torres.dev@disroot.org>
---
 src/components/Header.astro | 53 ++++++++++++++++-----------------------------
 1 file changed, 19 insertions(+), 34 deletions(-)

(limited to 'src/components/Header.astro')

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 874a496..28ab542 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,41 +1,26 @@
 ---
 import HeaderLink from "./HeaderLink.astro";
+import Search from "./Search.astro";
+
+export interface Props {
+  showSearch?: boolean;
+  showNav?: boolean;
+}
+
+const { showSearch, showNav } = Astro.props;
 ---
 
 <header>
   <h1>&lt;<a href="/">cravodeabril.pt</a>&gt;</h1>
-  <search>
-    <form
-      action="https://www.google.com/search"
-      target="_blank"
-      rel="external noreferrer search"
-      role="search"
-      autocomplete="on"
-      name="search"
-    >
-      <p>
-        <label>Barra de pesquisa: <input
-            name="q"
-            type="search"
-            placeholder={`site:${Astro.site} consulta de pesquisa`}
-            value={`site:${Astro.site} `}
-            required
-            title={`"site:${Astro.site} " é usado para que os resultados da pesquisa fiquem restritos a este website`}
-            pattern={`site:${Astro.site} .+`}
-            size={`site:${Astro.site} .+`.length}
-          /></label>
-      </p>
-      <p><button type="submit">Pesquisar</button></p>
-      <p>
-        <small>Esta pesquisa é efectuada pelo Google e utiliza software
-          proprietário.</small>
-      </p>
-    </form>
-  </search>
-  <nav>
-    <ul>
-      <li><HeaderLink href="/blog">Publicações</HeaderLink></li>
-      <li><HeaderLink href="/blog/keywords">Palavras-Chave</HeaderLink></li>
-    </ul>
-  </nav>
+  {showSearch && <Search />}
+  {
+    showNav && (
+      <nav>
+        <ul>
+          <li><HeaderLink href="/blog">Publicações</HeaderLink></li>
+          <li><HeaderLink href="/blog/keywords">Palavras-Chave</HeaderLink></li>
+        </ul>
+      </nav>
+    )
+  }
 </header>
-- 
cgit v1.2.3