From bd27bbb073465be77e4e752e6bf9bc4cf5e84c60 Mon Sep 17 00:00:00 2001
From: João Augusto Costa Branco Marado Torres <torres.dev@disroot.org>
Date: Sun, 27 Jul 2025 12:34:14 -0300
Subject: feat: styling microblogs
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/templates/PrevNextNav.astro | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'src/components/templates/PrevNextNav.astro')

diff --git a/src/components/templates/PrevNextNav.astro b/src/components/templates/PrevNextNav.astro
index fe8bd8d..f60a4cd 100644
--- a/src/components/templates/PrevNextNav.astro
+++ b/src/components/templates/PrevNextNav.astro
@@ -1,21 +1,23 @@
 ---
 interface Props {
+  first?: string | URL;
   previous?: string | URL;
   next?: string | URL;
+  last?: string | URL;
   label?: string;
 }
 
-const { next, previous, label } = Astro.props;
+const { first, next, previous, last, label } = Astro.props;
 ---
 
 {
-  (next || previous) && (
+  (first || next || previous || last) && (
     <nav>
+      {first && <p><a href={Astro.props.first}>Primeiro</a></p>}
       {
         previous && (
           <p>
-            &lt; <a rel="prev" href={`/blog/${Astro.props.previous}`}
-            >Anterior</a>
+            &lt; <a rel="prev" href={Astro.props.previous}>Anterior</a>
           </p>
         )
       }
@@ -23,10 +25,11 @@ const { next, previous, label } = Astro.props;
       {
         next && (
           <p>
-            <a rel="next" href={`/blog/${Astro.props.next}`}>Próximo</a> &gt;
+            <a rel="next" href={Astro.props.next}>Próximo</a> &gt;
           </p>
         )
       }
+      {last && <p><a href={Astro.props.last}>Último</a></p>}
     </nav>
   )
 }
-- 
cgit v1.2.3