From 358763428d300a0e3d2fc0189239882f9952cb14 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Wed, 8 Sep 2021 19:59:52 +0700
Subject: [PATCH] Make character and weapon in items page clickable

---
 src/routes/items.svelte | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/routes/items.svelte b/src/routes/items.svelte
index d2b1909a..ea1934ad 100644
--- a/src/routes/items.svelte
+++ b/src/routes/items.svelte
@@ -213,7 +213,8 @@
                 </td>
                 <td class="border-gray-700 border-b py-2">
                   {#each chars as char}
-                    <div
+                    <a
+                      href="/characters/{char}"
                       class="h-12 w-12 md:h-14 md:w-14 cursor-pointer mr-2 hover:bg-background rounded-xl 
                        inline-flex items-center justify-center align-top"
                     >
@@ -223,7 +224,7 @@
                         alt={char}
                         title={characters[char].name}
                       />
-                    </div>
+                    </a>
                   {/each}
                 </td>
               </tr>
@@ -257,7 +258,8 @@
                 </td>
                 <td class="border-gray-700 border-b weapon-cell pt-2">
                   {#each weapons as weapon}
-                    <div
+                    <a
+                      href="/weapons/{weapon}"
                       class="h-12 w-12 md:h-14 md:w-14 cursor-pointer mr-2 mb-2 hover:bg-background rounded-xl 
                        inline-flex items-center justify-center align-top"
                     >
@@ -267,7 +269,7 @@
                         alt={weapon}
                         title={weaponList[weapon].name}
                       />
-                    </div>
+                    </a>
                   {/each}
                 </td>
               </tr>
@@ -308,7 +310,8 @@
               </td>
               <td class="border-gray-700 border-b align-middle pt-2 weapon-cell">
                 {#each Object.entries(char) as [charName, type]}
-                  <div
+                  <a
+                    href="/{type}/{charName}"
                     class="h-12 w-12 md:h-14 md:w-14 mb-2 cursor-pointer mr-2 hover:bg-background rounded-xl 
              inline-flex items-center justify-center align-top"
                   >
@@ -318,7 +321,7 @@
                       alt={charName}
                       title={type === 'characters' ? characters[charName].name : weaponList[charName].name}
                     />
-                  </div>
+                  </a>
                 {/each}
               </td>
             </tr>