refactor: adding the image component for show image in post

rzashakeri · Jul 2, 2022 · d393bd6 · d393bd6
1 parent 7d6283d
commit d393bd6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/post/templates/post/components/image_component.html b/post/templates/post/components/image_component.html
@@ -0,0 +1,10 @@
+{% load thumbnail %}
+{% if post.image.file|is_portrait %}
+    {% thumbnail post.image.file "521x521" crop="center" quality=100 as img %}
+        <img class="w-fit portrait" src="{{ img.url }}" alt="">
+    {% endthumbnail %}
+{% else %}
+    {% thumbnail post.image.file "521x521" quality=100 as img %}
+        <img class="w-fit" src="{{ img.url }}" alt="">
+    {% endthumbnail %}
+{% endif %}
diff --git a/post/templates/post/post.html b/post/templates/post/post.html
@@ -20,22 +20,13 @@
     </div>
     <div class="w-full">
         {% if post.image %}
-            {% if post.image.file|is_portrait %}
-                {% thumbnail post.image.file "521x521" crop="center" quality=100 as img %}
-                    <img class="w-fit portrait" src="{{ img.url }}" alt="">
-                {% endthumbnail %}
-            {% else %}
-                {% thumbnail post.image.file "521x521" quality=100 as img %}
-                    <img class="w-fit" src="{{ img.url }}" alt="">
-                {% endthumbnail %}
-            {% endif %}
+            {% include "post/components/image_component.html" %}
         {% elif post.audio %}
             {% include "post/components/audio_component.html" %}
         {% elif post.video %}
             {% include "post/components/video_component.html" %}
         {% endif %}
 
-
     </div>
 
     <p>{{ post.caption }}</p>