From 331612f8b390494228c342ce44de25991ffb8ca5 Mon Sep 17 00:00:00 2001
From: Arturo Manzoli <arturomanzoli@gmail.com>
Date: Sat, 4 May 2024 15:54:29 -0300
Subject: [PATCH] Bottom-bar: Preload bottom-bar and mini-widgets from all
 views

Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
---
 src/App.vue | 45 ++++++++++++++++++++++++---------------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 98a517b30..0e6088ae6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -108,27 +108,30 @@
           <div class="bottom-container">
             <SlideToConfirm />
           </div>
-          <Transition name="fade">
-            <div v-if="showBottomBarNow" class="bar bottom-bar">
-              <MiniWidgetContainer
-                :container="widgetStore.currentView.miniWidgetContainers[0]"
-                :allow-editing="widgetStore.editingMode"
-                align="start"
-              />
-              <div />
-              <MiniWidgetContainer
-                :container="widgetStore.currentView.miniWidgetContainers[1]"
-                :allow-editing="widgetStore.editingMode"
-                align="center"
-              />
-              <div />
-              <MiniWidgetContainer
-                :container="widgetStore.currentView.miniWidgetContainers[2]"
-                :allow-editing="widgetStore.editingMode"
-                align="end"
-              />
-            </div>
-          </Transition>
+          <div v-for="(view, index) in widgetStore.viewsToShow" :key="view.name">
+            <Transition name="fade">
+              <!-- #TODO Fix viewsToSHow object reordering on view change. For now, this comparisson works fine, but it's a workaround to be fixed on issue #933 -->
+              <div v-show="index === 2" class="bar bottom-bar">
+                <MiniWidgetContainer
+                  :container="view.miniWidgetContainers[0]"
+                  :allow-editing="widgetStore.editingMode"
+                  align="start"
+                />
+                <div />
+                <MiniWidgetContainer
+                  :container="view.miniWidgetContainers[1]"
+                  :allow-editing="widgetStore.editingMode"
+                  align="center"
+                />
+                <div />
+                <MiniWidgetContainer
+                  :container="view.miniWidgetContainers[2]"
+                  :allow-editing="widgetStore.editingMode"
+                  align="end"
+                />
+              </div>
+            </Transition>
+          </div>
           <router-view />
         </div>
         <EditMenu v-model:edit-mode="widgetStore.editingMode" />