From f7a9ad82422b344610f5424985556422d9fd3b7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Manzanero=20Dom=C3=ADnguez?=
 <juancmandev@protonmail.com>
Date: Tue, 25 Jun 2024 17:26:03 -0600
Subject: [PATCH] fix microblog type

---
 src/components/microblog-item.astro | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/microblog-item.astro b/src/components/microblog-item.astro
index 8045612..666e18a 100644
--- a/src/components/microblog-item.astro
+++ b/src/components/microblog-item.astro
@@ -1,38 +1,34 @@
 ---
 import { marked } from "marked";
 import formatDate from "@/utils/format-date";
-import type { MicroblogsResponse, TagsResponse } from "@/utils/pocketbase";
-
-type Props = MicroblogsResponse<unknown> & {
-    props: {
-        tags: TagsResponse[];
-    };
-};
+import { Debug } from "astro:components";
 
 const props = Astro.props;
 const content = marked.parse(props.content);
 ---
 
+<Debug answer={props} />
+
 <article class="rounded-md border px-4 py-2">
     <header class="mb-2">
-        <div class="flex items-center justify-between text-sm">
+        <section class="flex items-center justify-between text-sm">
             <span class="font-light">
                 {formatDate(new Date(props.published))}{" "}
             </span>
             <span class="text-sm font-thin">
                 {new Date(props.published).toLocaleTimeString()}
             </span>
-        </div>
-        <div class="mt-1">
+        </section>
+        <section class="mt-1">
             {
                 props &&
                     props.expand.tags &&
-                    props.expand.tags.map(
+                    props?.expand.tags.map(
                         (tag: any) =>
                             tag && <span class="text-sm">#{tag.name} </span>,
                     )
             }
-        </div>
+        </section>
     </header>
     <main set:html={content} />
 </article>