From e8a95a217bb9d9fd49de3a0ffc14780fcd04ad07 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mouse.reeve@gmail.com>
Date: Sun, 25 Aug 2024 20:12:21 -0700
Subject: [PATCH] Moves book suggestion markup to a snippet

---
 .../book/suggestion_list/book_card.html       | 43 +++++++++++++++++++
 .../templates/book/suggestion_list/list.html  | 43 +------------------
 2 files changed, 45 insertions(+), 41 deletions(-)
 create mode 100644 bookwyrm/templates/book/suggestion_list/book_card.html

diff --git a/bookwyrm/templates/book/suggestion_list/book_card.html b/bookwyrm/templates/book/suggestion_list/book_card.html
new file mode 100644
index 000000000..694bc54b2
--- /dev/null
+++ b/bookwyrm/templates/book/suggestion_list/book_card.html
@@ -0,0 +1,43 @@
+{% load i18n %}
+{% load book_display_tags %}
+
+<div class="card">
+    <div class="card-content pb-3 columns">
+        {% with item_book=item.book %}
+            <div class="column is-one-third">
+                <div class="is-cover">
+                    <a href="{{ item_book.local_path }}" aria-hidden="true">
+                        {% include 'snippets/book_cover.html' with cover_class='is-h-m-mobile is-h-m-tablet is-align-items-flex-start' size='medium' book=item_book %}
+                    </a>
+                </div>
+            </div>
+            <div class="column">
+                <p class="mt-3">
+                    {% include 'snippets/book_titleby.html' with book=item_book %}
+                </p>
+                {% if item_book|book_description %}
+                <blockquote>
+                    {% with full=item_book|book_description trim_length=20 %}
+                        {% include 'snippets/trimmed_text.html' with hide_more=True %}
+                    {% endwith %}
+                {% endif %}
+                {% include "lists/list_item_notes.html" with list=book.suggestion_list hide_edit=True %}
+            </div>
+        {% endwith %}
+    </div>
+    <div class="card-footer is-stacked-mobile has-background-tertiary is-align-items-stretch">
+        <div class="card-footer-item">
+            <p>
+                {% blocktrans trimmed with username=item.user.display_name user_path=item.user.local_path %}
+                Added by <a href="{{ user_path }}">{{ username }}</a>
+                {% endblocktrans %}
+            </p>
+        </div>
+        <div class="card-footer-item">
+            <p>
+                TODO :: endorsements
+            </p>
+        </div>
+    </div>
+</div>
+
diff --git a/bookwyrm/templates/book/suggestion_list/list.html b/bookwyrm/templates/book/suggestion_list/list.html
index fd8eeb368..20fcad63f 100644
--- a/bookwyrm/templates/book/suggestion_list/list.html
+++ b/bookwyrm/templates/book/suggestion_list/list.html
@@ -1,5 +1,4 @@
 {% load i18n %}
-{% load book_display_tags %}
 
 <h2 class="title is-3" id="suggestions-section">
     {% trans "Suggestions" %}
@@ -17,46 +16,8 @@
     {% else %}
     <ol class="columns is-multiline">
     {% for item in items %}
-        <li class="mb-5 column is-half">
-            <div class="card">
-                <div class="card-content pb-3 columns">
-                    {% with item_book=item.book %}
-                        <div class="column is-one-quarter">
-                            <div class="is-cover">
-                                <a href="{{ item_book.local_path }}" aria-hidden="true">
-                                    {% include 'snippets/book_cover.html' with cover_class='is-h-m-mobile is-h-m-tablet is-align-items-flex-start' size='medium' book=item_book %}
-                                </a>
-                            </div>
-                        </div>
-                        <div class="column is-three-quarters">
-                            <p class="mt-3">
-                                {% include 'snippets/book_titleby.html' with book=item_book %}
-                            </p>
-                            {% if item_book|book_description %}
-                            <blockquote>
-                                {% with full=item_book|book_description trim_length=20 %}
-                                    {% include 'snippets/trimmed_text.html' with hide_more=True %}
-                                {% endwith %}
-                            {% endif %}
-                            {% include "lists/list_item_notes.html" with list=book.suggestion_list hide_edit=True %}
-                        </div>
-                    {% endwith %}
-                </div>
-                <div class="card-footer is-stacked-mobile has-background-tertiary is-align-items-stretch">
-                    <div class="card-footer-item">
-                        <p>
-                            {% blocktrans trimmed with username=item.user.display_name user_path=item.user.local_path %}
-                            Added by <a href="{{ user_path }}">{{ username }}</a>
-                            {% endblocktrans %}
-                        </p>
-                    </div>
-                    <div class="card-footer-item">
-                        <p>
-                            TODO :: endorsements
-                        </p>
-                    </div>
-                </div>
-            </div>
+        <li class="mb-5 column is-one-third">
+            {% include "book/suggestion_list/book_card.html" %}
         </li>
     {% endfor %}
         <li class="mb-5 column is-full">