From fbcf083f9f192061bdde2a3ea0c561ee61c2dbc1 Mon Sep 17 00:00:00 2001
From: vhaudiquet <vhaudiquet343@hotmail.fr>
Date: Sat, 7 Dec 2024 16:42:01 +0100
Subject: [PATCH] Allow alternative build exploration on desktop :) (fix #7)

---
 frontend/components/nav/SideBar.vue | 4 ++++
 frontend/pages/champion/[alias].vue | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/frontend/components/nav/SideBar.vue b/frontend/components/nav/SideBar.vue
index a87505f..635c82a 100644
--- a/frontend/components/nav/SideBar.vue
+++ b/frontend/components/nav/SideBar.vue
@@ -49,6 +49,10 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
         <h2 :class="'sidebar-link ' + (state == 'items' && laneState == i ? 'sidebar-link-selected' : '')" 
             @click="handleStateChange('items', i)" 
             style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Items</h2>
+
+        <h2 :class="'sidebar-link ' + (state == 'alternatives' && laneState == i ? 'sidebar-link-selected' : '')" 
+            @click="handleStateChange('alternatives', i)" 
+            style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Alternatives</h2>
         
         </div>
 
diff --git a/frontend/pages/champion/[alias].vue b/frontend/pages/champion/[alias].vue
index 9f33529..9426ed5 100644
--- a/frontend/pages/champion/[alias].vue
+++ b/frontend/pages/champion/[alias].vue
@@ -48,6 +48,9 @@ function updateState(newState : string, newLane : number) {
         <ItemViewer v-if="state == 'items' && championData.gameCount > 0" 
             style="margin:auto; margin-top: 40px;" 
             :builds="lane.builds!!" />
+        <ItemTree v-if="state == 'alternatives' && championData.gameCount > 0"
+            style="margin: auto; margin-top: 40px; width: fit-content;"
+            :tree="lane.builds!!.tree" />
         <h2 v-if="championData.gameCount == 0" 
             style="margin: auto; margin-top: 20px; width: fit-content;">
             Sorry, there is no data for this champion :(