feat: added new settings and styling

web/templates/components/cart/cart.html

@@ -33,16 +33,13 @@
                 </div>
 
                 <div class="w-full min-w-0 flex-1 space-y-4 md:order-2 md:max-w-md">
-                  <a href="#"
-                     class="text-base font-medium text-gray-900 hover:underline dark:text-white">{{ item.product.name }}</a>
+                  <a href="{% url 'web:product_detail' pk=item.product.pk slug=item.product.slug %}"
+                     class="text-base font-medium text-gray-900 hover:underline dark:text-white"
+                  >
+                    {{ item.product.name }}
+                  </a>
 
                   <div class="flex items-center gap-4">
-                    <button type="button"
-                            class="inline-flex items-center text-sm font-medium text-gray-500 hover:text-gray-900 hover:underline dark:text-gray-400 dark:hover:text-white">
-                      {% include 'components/icons/like.svg' %}
-                      {% translate 'Añadir a favoritos' %}
-                    </button>
-
                     <form class="flex" hx-post="{% url 'web:delete_cart_item' pk=item.pk %}"
                           hx-swap="none">
                       {% csrf_token %}

web/templates/components/cart/cart_navbar.html

@@ -27,7 +27,7 @@
 
     {% for cart_item in cart.items.all %}
       <div>
-        <a href="#"
+        <a href="{% url 'web:product_detail' pk=cart_item.product.pk slug=cart_item.product.slug %}"
            class="truncate text-sm font-semibold leading-none text-gray-900 dark:text-white hover:underline">
           {{ cart_item.product.name }}
         </a>