From a2df54cb85da49038828cc7fe71c47cfc89b8180 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Sun, 21 Jan 2024 16:01:32 +1300
Subject: [PATCH] masonry tile for image communities

---
 app/templates/post/_post_teaser_masonry.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/templates/post/_post_teaser_masonry.html b/app/templates/post/_post_teaser_masonry.html
index c07fdc15..3fe617ab 100644
--- a/app/templates/post/_post_teaser_masonry.html
+++ b/app/templates/post/_post_teaser_masonry.html
@@ -12,8 +12,16 @@
             {% endif %}
             <div class="masonry_thumb">
                 {% if post.type == POST_TYPE_LINK %}
-                    <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('Read article') }}"><img src="{{ post.image.thumbnail_url() }}"
-                         alt="{{ post.image.alt_text if post.image.alt_text else '' }}" loading="lazy" /></a>
+                    {% if post.image.thumbnail_url() %}
+                        <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('Read article') }}"><img src="{{ post.image.thumbnail_url() }}"
+                           alt="{{ post.image.alt_text if post.image.alt_text else '' }}" loading="lazy" /></a>
+                    {% elif post.image.source_url %}
+                        <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('Read article') }}"><img src="{{ post.image.source_url }}"
+                           alt="{{ post.title }}" loading="lazy" /></a>
+                    {% else %}
+                        <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('Read article') }}"><img src="{{ post.url }}"
+                           alt="{{ post.title }}" loading="lazy" /></a>
+                    {% endif %}
                 {% elif post.type == POST_TYPE_IMAGE %}
                         <a href="{{ post.image.view_url() }}" rel="nofollow ugc" target="_blank"><img src="{{ post.image.thumbnail_url() }}"
                         alt="{{ post.image.alt_text if post.image.alt_text else '' }}" loading="lazy" /></a>