From e2e5fe722e07936c825fb2145792d2dc76496adb Mon Sep 17 00:00:00 2001
From: Adora <im.stariluz@gmail.com>
Date: Sat, 27 Jul 2024 10:27:09 -0600
Subject: [PATCH] Fix #30 Restoring xlink and using in template

---
 static/img/logout.svg              | 2 +-
 static/img/square-rounded-plus.svg | 2 +-
 static/img/user-square-rounded.svg | 2 +-
 templates/header.html              | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/static/img/logout.svg b/static/img/logout.svg
index 379b195..f1c736f 100644
--- a/static/img/logout.svg
+++ b/static/img/logout.svg
@@ -1,4 +1,4 @@
-<svg
+<svg xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24" class="icon icon-tabler icons-tabler-outline icon-tabler-logout" fill="none" stroke="var(--stari-color-fill)" stroke-width="2"  stroke-linecap="round" id="icon">
     <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
     <path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" />
diff --git a/static/img/square-rounded-plus.svg b/static/img/square-rounded-plus.svg
index 12ec3d7..8f49bc4 100644
--- a/static/img/square-rounded-plus.svg
+++ b/static/img/square-rounded-plus.svg
@@ -1,4 +1,4 @@
-<svg
+<svg xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24" class="icon icon-tabler icons-tabler-filled icon-tabler-square-rounded-plus" fill="var(--stari-color-fill)" id="icon">
     <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
     <path d="M12 2l.324 .001l.318 .004l.616 .017l.299 .013l.579 .034l.553 .046c4.785 .464 6.732 2.411 7.196 7.196l.046 .553l.034 .579c.005 .098 .01 .198 .013 .299l.017 .616l.005 .642l-.005 .642l-.017 .616l-.013 .299l-.034 .579l-.046 .553c-.464 4.785 -2.411 6.732 -7.196 7.196l-.553 .046l-.579 .034c-.098 .005 -.198 .01 -.299 .013l-.616 .017l-.642 .005l-.642 -.005l-.616 -.017l-.299 -.013l-.579 -.034l-.553 -.046c-4.785 -.464 -6.732 -2.411 -7.196 -7.196l-.046 -.553l-.034 -.579a28.058 28.058 0 0 1 -.013 -.299l-.017 -.616c-.003 -.21 -.005 -.424 -.005 -.642l.001 -.324l.004 -.318l.017 -.616l.013 -.299l.034 -.579l.046 -.553c.464 -4.785 2.411 -6.732 7.196 -7.196l.553 -.046l.579 -.034c.098 -.005 .198 -.01 .299 -.013l.616 -.017c.21 -.003 .424 -.005 .642 -.005zm0 6a1 1 0 0 0 -1 1v2h-2l-.117 .007a1 1 0 0 0 .117 1.993h2v2l.007 .117a1 1 0 0 0 1.993 -.117v-2h2l.117 -.007a1 1 0 0 0 -.117 -1.993h-2v-2l-.007 -.117a1 1 0 0 0 -.993 -.883z" stroke-width="0" fill="var(--stari-color-fill)"/>
diff --git a/static/img/user-square-rounded.svg b/static/img/user-square-rounded.svg
index 1b73dd4..ecbbbfa 100644
--- a/static/img/user-square-rounded.svg
+++ b/static/img/user-square-rounded.svg
@@ -1,4 +1,4 @@
-<svg
+<svg xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  class="icon icon-tabler icons-tabler-outline icon-tabler-user-square-rounded" fill="none" stroke="var(--stari-color-fill)" stroke-width="2"  stroke-linecap="round" stroke-linejoin="round" id="icon" >
     <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
     <path d="M12 13a3 3 0 1 0 0 -6a3 3 0 0 0 0 6z" />
diff --git a/templates/header.html b/templates/header.html
index 922117c..09fa892 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -23,7 +23,7 @@
                 <a class="dropdown-item" href="{% url 'users:profile' request.user.username %}">
                   <span>Ver perfil</span>
                   <svg height="24" width="24">
-                    <use class="icon" href="{% static 'img/user-square-rounded.svg' %}#icon" height="24" width="24"></use>
+                    <use class="icon" xlink:href="{% static 'img/user-square-rounded.svg' %}#icon" href="{% static 'img/user-square-rounded.svg' %}#icon" height="24" width="24"></use>
                   </svg>
                 </a>
               </li>
@@ -31,7 +31,7 @@
                 <a class="dropdown-item" href="{% url 'users:logout' %}">
                   <span>Cerrar sesion</span>
                   <svg height="24" width="24">
-                    <use class="icon" href="{% static 'img/logout.svg' %}#icon" height="24" width="24"></use>
+                    <use class="icon" href="{% static 'img/logout.svg' %}#icon" xlink:href="{% static 'img/logout.svg' %}#icon" height="24" width="24"></use>
                   </svg>
                 </a>
               </li>
@@ -39,7 +39,7 @@
           </div>
           <a href="{% url 'posts:create' %}">
             <svg height="24" width="24">
-              <use class="icon" href="{% static 'img/square-rounded-plus.svg' %}#icon" height="24" width="24"></use>
+              <use class="icon" href="{% static 'img/square-rounded-plus.svg' %}#icon" xlink:href="{% static 'img/square-rounded-plus.svg' %}#icon" height="24" width="24"></use>
             </svg>
           </a>
         </section>