From cefd26c098a5748a86855489d24ec9e625ffbf35 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Fri, 19 Jul 2024 14:42:11 +0530
Subject: [PATCH 1/4] fix: documents selection state not reset on navigation.

---
 .../collection-[collection]/table.svelte                    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 8b8c7832d..4ebc07e0a 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { goto, invalidate } from '$app/navigation';
+    import { afterNavigate, goto, invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
@@ -45,6 +45,10 @@
         displayNames = preferences.getDisplayNames();
     });
 
+    afterNavigate(() => {
+        selectedDb = []
+    });
+
     function formatArray(array: unknown[]) {
         if (array.length === 0) return '[ ]';
 

From 172ff49050c693652a08d2f583228f0895b4f09c Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Fri, 19 Jul 2024 14:43:17 +0530
Subject: [PATCH 2/4] ran: `npm run format`.

---
 src/lib/helpers/load.ts                                       | 2 +-
 src/lib/layout/unauthenticated.svelte                         | 2 +-
 src/lib/stores/feedback.ts                                    | 4 ++--
 .../database-[database]/collection-[collection]/table.svelte  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/helpers/load.ts b/src/lib/helpers/load.ts
index 21e2f1ee6..05e043ddc 100644
--- a/src/lib/helpers/load.ts
+++ b/src/lib/helpers/load.ts
@@ -21,7 +21,7 @@ export enum View {
 export function getView(url: URL, route: Page['route'], fallback: View): View {
     return (url.searchParams.get('view') ?? preferences.get(route).view) === View.Grid
         ? View.Grid
-        : (View.Table ?? fallback);
+        : View.Table ?? fallback;
 }
 
 export function getColumns(route: Page['route'], fallback: string[]): string[] {
diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index 5d11772eb..17745126f 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -16,7 +16,7 @@
     export let coupon: Coupon = null;
 
     $: selectedCampaign = campaigns.get(coupon?.campaign ?? campaign);
-    $: variation = ((coupon?.campaign ?? campaign) ? selectedCampaign?.template : 'default') as
+    $: variation = (coupon?.campaign ?? campaign ? selectedCampaign?.template : 'default') as
         | 'default'
         | CampaignData['template'];
 
diff --git a/src/lib/stores/feedback.ts b/src/lib/stores/feedback.ts
index 7eaefca2d..7f9b6b200 100644
--- a/src/lib/stores/feedback.ts
+++ b/src/lib/stores/feedback.ts
@@ -71,8 +71,8 @@ export const feedbackData = createFeedbackDataStore();
 
 function createFeedbackStore() {
     const { subscribe, update } = writable<Feedback>({
-        elapsed: browser ? (parseInt(localStorage.getItem('feedbackElapsed')) ?? 0) : 0,
-        visualized: browser ? (parseInt(localStorage.getItem('feedbackVisualized')) ?? 0) : 0,
+        elapsed: browser ? parseInt(localStorage.getItem('feedbackElapsed')) ?? 0 : 0,
+        visualized: browser ? parseInt(localStorage.getItem('feedbackVisualized')) ?? 0 : 0,
         notification: false,
         type: 'general',
         show: false
diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 4ebc07e0a..248ce7735 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -46,7 +46,7 @@
     });
 
     afterNavigate(() => {
-        selectedDb = []
+        selectedDb = [];
     });
 
     function formatArray(array: unknown[]) {

From 73aa179f679abc954c34624c5f28546bf685af72 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Tue, 27 Aug 2024 13:33:02 +0530
Subject: [PATCH 3/4] ran: `pnpm format`.

---
 src/lib/helpers/load.ts               | 2 +-
 src/lib/layout/unauthenticated.svelte | 2 +-
 src/lib/stores/feedback.ts            | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/helpers/load.ts b/src/lib/helpers/load.ts
index 05e043ddc..21e2f1ee6 100644
--- a/src/lib/helpers/load.ts
+++ b/src/lib/helpers/load.ts
@@ -21,7 +21,7 @@ export enum View {
 export function getView(url: URL, route: Page['route'], fallback: View): View {
     return (url.searchParams.get('view') ?? preferences.get(route).view) === View.Grid
         ? View.Grid
-        : View.Table ?? fallback;
+        : (View.Table ?? fallback);
 }
 
 export function getColumns(route: Page['route'], fallback: string[]): string[] {
diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index 17745126f..5d11772eb 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -16,7 +16,7 @@
     export let coupon: Coupon = null;
 
     $: selectedCampaign = campaigns.get(coupon?.campaign ?? campaign);
-    $: variation = (coupon?.campaign ?? campaign ? selectedCampaign?.template : 'default') as
+    $: variation = ((coupon?.campaign ?? campaign) ? selectedCampaign?.template : 'default') as
         | 'default'
         | CampaignData['template'];
 
diff --git a/src/lib/stores/feedback.ts b/src/lib/stores/feedback.ts
index 7f9b6b200..7eaefca2d 100644
--- a/src/lib/stores/feedback.ts
+++ b/src/lib/stores/feedback.ts
@@ -71,8 +71,8 @@ export const feedbackData = createFeedbackDataStore();
 
 function createFeedbackStore() {
     const { subscribe, update } = writable<Feedback>({
-        elapsed: browser ? parseInt(localStorage.getItem('feedbackElapsed')) ?? 0 : 0,
-        visualized: browser ? parseInt(localStorage.getItem('feedbackVisualized')) ?? 0 : 0,
+        elapsed: browser ? (parseInt(localStorage.getItem('feedbackElapsed')) ?? 0) : 0,
+        visualized: browser ? (parseInt(localStorage.getItem('feedbackVisualized')) ?? 0) : 0,
         notification: false,
         type: 'general',
         show: false

From 0a8063956516f5fdf2b3a21c3a57d6a1984fe934 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Tue, 27 Aug 2024 17:43:39 +0530
Subject: [PATCH 4/4] improve: logic for selection state reset.

---
 .../collection-[collection]/+page.svelte      | 171 +++++++++---------
 .../collection-[collection]/table.svelte      |   6 +-
 2 files changed, 89 insertions(+), 88 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index 7b5de902a..89b73c96b 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -44,30 +44,11 @@
     $: hasValidAttributes = $collection?.attributes?.some((attr) => attr.status === 'available');
 </script>
 
-<Container>
-    <div class="heading-grid u-main-justify-between u-cross-center">
-        <Heading tag="h2" size="5">Documents</Heading>
-        <div class="u-flex u-main-end is-only-mobile">
-            <Button
-                disabled={!(hasAttributes && hasValidAttributes)}
-                on:click={openWizard}
-                event="create_document">
-                <span class="icon-plus" aria-hidden="true" />
-                <span class="text">Create document</span>
-            </Button>
-        </div>
-
-        <Filters query={data.query} {columns} disabled={!(hasAttributes && hasValidAttributes)} />
-
-        <div class="u-flex u-main-end u-gap-16">
-            <ViewSelector
-                view={data.view}
-                {columns}
-                isCustomCollection
-                hideView
-                allowNoColumns
-                showColsTextMobile />
-            <div class="is-not-mobile">
+{#key $page.params.collection}
+    <Container>
+        <div class="heading-grid u-main-justify-between u-cross-center">
+            <Heading tag="h2" size="5">Documents</Heading>
+            <div class="u-flex u-main-end is-only-mobile">
                 <Button
                     disabled={!(hasAttributes && hasValidAttributes)}
                     on:click={openWizard}
@@ -76,76 +57,100 @@
                     <span class="text">Create document</span>
                 </Button>
             </div>
+
+            <Filters
+                query={data.query}
+                {columns}
+                disabled={!(hasAttributes && hasValidAttributes)} />
+
+            <div class="u-flex u-main-end u-gap-16">
+                <ViewSelector
+                    view={data.view}
+                    {columns}
+                    isCustomCollection
+                    hideView
+                    allowNoColumns
+                    showColsTextMobile />
+                <div class="is-not-mobile">
+                    <Button
+                        disabled={!(hasAttributes && hasValidAttributes)}
+                        on:click={openWizard}
+                        event="create_document">
+                        <span class="icon-plus" aria-hidden="true" />
+                        <span class="text">Create document</span>
+                    </Button>
+                </div>
+            </div>
         </div>
-    </div>
 
-    {#if hasAttributes && hasValidAttributes}
-        {#if data.documents.total}
-            <Table {data} />
+        {#if hasAttributes && hasValidAttributes}
+            {#if data.documents.total}
+                <Table {data} />
 
-            <PaginationWithLimit
-                name="Documents"
-                limit={data.limit}
-                offset={data.offset}
-                total={data.documents.total} />
-        {:else if $hasPageQueries}
-            <EmptySearch hidePages>
-                <div class="common-section">
-                    <div class="u-text-center common-section">
-                        <b class="body-text-2 u-bold">Sorry, we couldn't find any documents.</b>
-                        <p>There are no documents that match your filters.</p>
+                <PaginationWithLimit
+                    name="Documents"
+                    limit={data.limit}
+                    offset={data.offset}
+                    total={data.documents.total} />
+            {:else if $hasPageQueries}
+                <EmptySearch hidePages>
+                    <div class="common-section">
+                        <div class="u-text-center common-section">
+                            <b class="body-text-2 u-bold">Sorry, we couldn't find any documents.</b>
+                            <p>There are no documents that match your filters.</p>
+                        </div>
+                        <div class="u-flex common-section u-main-center">
+                            <Button
+                                secondary
+                                on:click={() => {
+                                    queries.clearAll();
+                                    queries.apply();
+                                }}>
+                                Clear filters
+                            </Button>
+                        </div>
                     </div>
-                    <div class="u-flex common-section u-main-center">
+                </EmptySearch>
+            {:else}
+                <Empty
+                    single
+                    href="https://appwrite.io/docs/products/databases/documents"
+                    target="document"
+                    on:click={openWizard} />
+            {/if}
+        {:else}
+            <Empty single target="attribute" on:click={() => (showCreateDropdown = true)}>
+                <div class="u-text-center">
+                    <Heading size="7" tag="h2">Create an attribute to get started.</Heading>
+                    <p class="body-text-2 u-bold u-margin-block-start-4">
+                        Need a hand? Learn more in our documentation.
+                    </p>
+                </div>
+                <div class="u-flex u-gap-16 u-main-center">
+                    <Button
+                        external
+                        href="https://appwrite.io/docs/products/databases/collections#attributes"
+                        text
+                        event="empty_documentation"
+                        ariaLabel={`create {target}`}>Documentation</Button>
+                    <CreateAttributeDropdown
+                        bind:showCreateDropdown
+                        bind:showCreate={showCreateAttribute}
+                        bind:selectedOption={selectedAttribute}>
                         <Button
                             secondary
+                            event="create_attribute"
                             on:click={() => {
-                                queries.clearAll();
-                                queries.apply();
+                                showCreateDropdown = !showCreateDropdown;
                             }}>
-                            Clear filters
+                            Create attribute
                         </Button>
-                    </div>
+                    </CreateAttributeDropdown>
                 </div>
-            </EmptySearch>
-        {:else}
-            <Empty
-                single
-                href="https://appwrite.io/docs/products/databases/documents"
-                target="document"
-                on:click={openWizard} />
+            </Empty>
         {/if}
-    {:else}
-        <Empty single target="attribute" on:click={() => (showCreateDropdown = true)}>
-            <div class="u-text-center">
-                <Heading size="7" tag="h2">Create an attribute to get started.</Heading>
-                <p class="body-text-2 u-bold u-margin-block-start-4">
-                    Need a hand? Learn more in our documentation.
-                </p>
-            </div>
-            <div class="u-flex u-gap-16 u-main-center">
-                <Button
-                    external
-                    href="https://appwrite.io/docs/products/databases/collections#attributes"
-                    text
-                    event="empty_documentation"
-                    ariaLabel={`create {target}`}>Documentation</Button>
-                <CreateAttributeDropdown
-                    bind:showCreateDropdown
-                    bind:showCreate={showCreateAttribute}
-                    bind:selectedOption={selectedAttribute}>
-                    <Button
-                        secondary
-                        event="create_attribute"
-                        on:click={() => {
-                            showCreateDropdown = !showCreateDropdown;
-                        }}>
-                        Create attribute
-                    </Button>
-                </CreateAttributeDropdown>
-            </div>
-        </Empty>
-    {/if}
-</Container>
+    </Container>
+{/key}
 
 <CreateAttribute bind:showCreate={showCreateAttribute} bind:selectedOption={selectedAttribute} />
 
diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 248ce7735..8b8c7832d 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { afterNavigate, goto, invalidate } from '$app/navigation';
+    import { goto, invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
@@ -45,10 +45,6 @@
         displayNames = preferences.getDisplayNames();
     });
 
-    afterNavigate(() => {
-        selectedDb = [];
-    });
-
     function formatArray(array: unknown[]) {
         if (array.length === 0) return '[ ]';