feat: wishlist view

web/templates/components/products/wishlist_button.html

@@ -4,7 +4,7 @@
   <input type="hidden" name="product" value="{{ product.pk }}">
   {% csrf_token %}
   <button class="flex items-center justify-center py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
-    {% include 'components/icons/like.svg' %}
+    {% include 'components/icons/x.svg' %}
     {% translate 'Quitar de la lista de deseados' %}
   </button>
 </form>

web/templates/components/users/user_dropdown.html

@@ -19,7 +19,7 @@
     </a>
   </li>
   <li>
-    <a href="#" title=""
+    <a href="{% url 'web:wishlist' %}" title=""
        class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
       {% translate 'Lista de deseados' %}
     </a>

web/templates/web/wishlist.html

@@ -0,0 +1,31 @@
+{% extends 'theme/base.html' %}
+{% load static i18n %}
+
+{% block main %}
+  {% include 'components/generic/navbar.html' %}
+  <div>
+    <section
+      class="p-8"
+      hx-get="{% url 'web:list_wishlisted_products' %}"
+      hx-trigger="load, updated-wishlist"
+      hx-target="#products"
+      hx-swap="innerHTML"
+    >
+      <h1
+        class="text-xl font-semibold text-gray-900 dark:text-white sm:text-2xl my-4"
+      >
+        {% translate 'Lista de deseados' %}
+      </h1>
+
+      <div>
+        <section id="products">
+
+        </section>
+
+        <div class="w-full text-center">
+
+        </div>
+      </div>
+    </section>
+  </div>
+{% endblock %}