Remove legacy sidebar state helpers and logic

Author: TorstenDittmann

src/lib/components/sidebar.svelte

@@ -34,7 +34,7 @@
     import { showSupportModal } from '$routes/(console)/wizard/support/store';
     import MobileSupportModal from '$routes/(console)/wizard/support/mobileSupportModal.svelte';
     import MobileFeedbackModal from '$routes/(console)/wizard/feedback/mobileFeedbackModal.svelte';
-    import { getSidebarState, isInDatabasesRoute, updateSidebarState } from '$lib/helpers/sidebar';
+    import { updateSidebarState } from '$lib/helpers/sidebar';
     import { isSmallViewport, isTabletViewport } from '$lib/stores/viewport';
     import { Click, trackEvent } from '$lib/actions/analytics';
 
@@ -59,7 +59,7 @@
     };
 
     let {
-        state = $bindable('icons'),
+        state = $bindable(),
         project,
         avatar,
         progressCard = undefined,
@@ -102,17 +102,6 @@
     };
 
     const studio = $derived(resolvedProfile.id === ProfileMode.STUDIO);
-
-    $effect(() => {
-        state = studio
-            ? 'icons'
-            : $isTabletViewport
-              ? 'closed'
-              : // example: manual resize
-                isInDatabasesRoute(page.route)
-                ? 'icons'
-                : getSidebarState();
-    });
 </script>
 
 <div

src/lib/layout/shell.svelte

@@ -107,11 +107,6 @@
      * The sidebar is **always closed** on mobile and tablet devices!
      */
     afterNavigate((navigation) => {
-        if (resolvedProfile.id === ProfileMode.STUDIO) {
-            state = 'icons';
-            return;
-        }
-
         if ($isTabletViewport) {
             state = 'closed';
             return;
@@ -176,8 +171,19 @@
         currentProject: selectedProject
     };
 
-    $: state = $isSidebarOpen ? 'open' : 'closed';
-
+    $: {
+        if ($isSidebarOpen) {
+            state = 'open';
+        } else if ($isTabletViewport) {
+            state = 'closed';
+        } else if (resolvedProfile.id === ProfileMode.STUDIO) {
+            state = 'icons';
+        } else if (isInDatabasesRoute($page.route)) {
+            state = 'icons';
+        } else {
+            state = 'closed';
+        }
+    }
     $: subNavigation = $page.data.subNavigation;
 
     $: shouldRenderSidebar = !$isNewWizardStatusOpen && showSideNavigation;

src/lib/profiles/index.svelte.ts

@@ -1,7 +1,7 @@
 import { asset, resolve } from '$app/paths';
 import type { ResolvedPathname } from '$app/types';
 import { OAuthProvider, Platform } from '@appwrite.io/console';
-// import { env } from '$env/dynamic/public';
+import { env } from '$env/dynamic/public';
 import { BillingPlan } from '@appwrite.io/console';
 import type { Component } from 'svelte';
 import UnauthenticatedConsole from './(unauthenticated)/console.svelte';
@@ -238,5 +238,4 @@ export const studio: Profile = {
     }
 };
 
-// export const resolvedProfile = env.PUBLIC_CONSOLE_PROFILE === 'studio' ? studio : base;
-export const resolvedProfile = studio;
+export const resolvedProfile = env.PUBLIC_CONSOLE_PROFILE === 'studio' ? studio : base;