From 446149914b8ef1404c7462b49761aae0869e0e9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nu=C5=A1a=20Puk=C5=A1i=C4=8D?= <nusa.puksic@gmail.com>
Date: Wed, 10 Dec 2025 18:00:16 +0100
Subject: [PATCH] Article previews in topics

---
 assets/styles/04-pages/forum.css | 20 +++-----------------
 templates/forum/topic.html.twig  |  6 +-----
 2 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/assets/styles/04-pages/forum.css b/assets/styles/04-pages/forum.css
index 3de2fa6..1b41ee5 100644
--- a/assets/styles/04-pages/forum.css
+++ b/assets/styles/04-pages/forum.css
@@ -106,23 +106,9 @@ flex-shrink: 0;
     margin: 0 var(--spacing-3);
 }
 
-.article-item {
-border: 1px solid #ddd;
-padding: 1rem;
-margin: 1rem 0;
-background: #fafafa;
-}
-
-.article-item h3 {
-margin: 0 0 0.5rem 0;
-}
-
-.article-item p {
-margin: 0.5rem 0;
-}
-
-.article-item small {
-color: #666;
+.articles-list > div {
+    border-bottom: 1px solid var(--color-border);
+    margin-bottom: var(--spacing-3) !important;
 }
 
 .nav-sub-card {
diff --git a/templates/forum/topic.html.twig b/templates/forum/topic.html.twig
index 2385550..3c98c2d 100644
--- a/templates/forum/topic.html.twig
+++ b/templates/forum/topic.html.twig
@@ -5,11 +5,7 @@
 
     <div class="articles-list">
         {% for article in articles %}
-            <div class="article-item">
-                <h3><a href="{{ path('article-slug', {slug: article.slug|url_encode}) }}">{{ article.title }}</a></h3>
-                <p>{{ article.summary|slice(0, 200) }}{% if article.summary|length > 200 %}...{% endif %}</p>
-                <small>Published: {{ article.createdAt|date('Y-m-d H:i') }}</small>
-            </div>
+            <twig:Molecules:ArticlePreview :article="article"  npub="{{ article.pubkey|toNpub }}" />
         {% endfor %}
     </div>
     {% if articles is empty %}