From 438339a406a243cd28af99b26b8f739aa30afd71 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 9 Feb 2023 17:10:13 +0100
Subject: [PATCH] refactor: selected tab is set on pageload

---
 .../console/project-[project]/overview/+layout.svelte       | 6 ++----
 src/routes/console/project-[project]/overview/keys/+page.ts | 3 +++
 .../console/project-[project]/overview/platforms/+page.ts   | 3 +++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index 8a0bc4e69..8a3f7dedc 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -203,8 +203,7 @@
                             <a
                                 class="tabs-button"
                                 href={`${path}/platforms`}
-                                class:is-selected={$page.url.pathname === `${path}/platforms`}
-                                on:click={() => ($selectedTab = 'platforms')}>
+                                class:is-selected={$page.url.pathname === `${path}/platforms`}>
                                 <span class="text">Platforms</span>
                             </a>
                         </li>
@@ -212,8 +211,7 @@
                             <a
                                 class="tabs-button"
                                 href={`${path}/keys`}
-                                class:is-selected={$page.url.pathname === `${path}/keys`}
-                                on:click={() => ($selectedTab = 'keys')}>
+                                class:is-selected={$page.url.pathname === `${path}/keys`}>
                                 <span class="text">API Keys</span>
                             </a>
                         </li>
diff --git a/src/routes/console/project-[project]/overview/keys/+page.ts b/src/routes/console/project-[project]/overview/keys/+page.ts
index 0394783a0..3a04f91f2 100644
--- a/src/routes/console/project-[project]/overview/keys/+page.ts
+++ b/src/routes/console/project-[project]/overview/keys/+page.ts
@@ -1,7 +1,10 @@
 import { Dependencies } from '$lib/constants';
 import { sdkForConsole } from '$lib/stores/sdk';
+import { selectedTab } from '../store';
 import type { PageLoad } from './$types';
 
+selectedTab.set('keys');
+
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.KEYS);
     return {
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.ts b/src/routes/console/project-[project]/overview/platforms/+page.ts
index 80b6a91fe..de8582eaa 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.ts
+++ b/src/routes/console/project-[project]/overview/platforms/+page.ts
@@ -1,7 +1,10 @@
 import { Dependencies } from '$lib/constants';
 import { sdkForConsole } from '$lib/stores/sdk';
+import { selectedTab } from '../store';
 import type { PageLoad } from './$types';
 
+selectedTab.set('platforms');
+
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.PLATFORMS);
     return {