From fad846d1b0b1a1e23676871d49cd465031cfabec Mon Sep 17 00:00:00 2001
From: David Randolph Phillips <drp227@cornell.edu>
Date: Thu, 5 Jun 2025 14:08:08 -0400
Subject: [PATCH] [BI-2218]fixed logic bug.

---
 src/components/layouts/BaseSideBarLayout.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/layouts/BaseSideBarLayout.vue b/src/components/layouts/BaseSideBarLayout.vue
index bbe1a320..25b3d9ad 100644
--- a/src/components/layouts/BaseSideBarLayout.vue
+++ b/src/components/layouts/BaseSideBarLayout.vue
@@ -39,7 +39,7 @@
               >
             </a>
           </div>
-          <div v-if="sandboxConfig !== ''" class="level-item">
+          <div v-if="isSandbox" class="level-item">
             <div id="sandbox-feedback" v-bind:class="{'notification is-warning px-5 has-text-centered': sandboxConfig === SandboxMode.Public,
                                 'notification is-info px-5 has-text-centered': sandboxConfig === SandboxMode.Coordinator}">
               <p class="title is-size-5">Sandbox </p>
@@ -119,8 +119,8 @@ import UserStatusMenu from "@/components/layouts/menus/UserStatusMenu.vue";
     showMenu?: boolean;
 
   mounted () {
-    // IF the screen is narrow and DeltaBreed is in private-sandbox or coordinator-sandbox modes, THEN default the sidebar to "hidden".
-    store.commit(SHOW_SIDEBAR_MOBILE, (window.matchMedia("(min-width: 700px)").matches && (this.sandboxConfig === '1' || this.sandboxConfig === SandboxMode.Coordinator)));
+    // Default to Showing the sidebar menu if the width is wider than 700px or if it not in Sandbox mode, Otherwise default to hiding the sidebar.
+    store.commit(SHOW_SIDEBAR_MOBILE, (window.matchMedia("(min-width: 700px)").matches || !this.isSandbox));
   }
     toggleSidebar() {
       store.commit(SHOW_SIDEBAR_MOBILE, !this.showSidebarMobile);
@@ -129,6 +129,10 @@ import UserStatusMenu from "@/components/layouts/menus/UserStatusMenu.vue";
     get sandboxConfig() {
       return process.env.VUE_APP_SANDBOX;
     }
+
+    get isSandbox() {
+      return (this.sandboxConfig===SandboxMode.Coordinator || this.sandboxConfig===SandboxMode.Public || this.sandboxConfig==='1');
+    }
   }
 
 </script>