From 85f38bac61ad5adaefb62189155a510ffd8c12a7 Mon Sep 17 00:00:00 2001
From: Tejas Raskar <tjsrskr@gmail.com>
Date: Thu, 10 Jul 2025 00:58:14 +0530
Subject: [PATCH 1/4] fix: version is now displayed in the footer on local
 instance

---
 src/lib/layout/footer.svelte | 39 ++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index c6552477fa..4b1437ec47 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -54,12 +54,13 @@
                 </Button.Anchor>
             </Layout.Stack>
         </Layout.Stack>
-        {#if isCloud && $isSmallViewport}
+        {#if $isSmallViewport}
             <div class="extra-margin">
                 <Layout.Stack direction="row" justifyContent={'flex-start'} alignItems="center">
                     {#if $version}
                         {#if isCloud}
                             <Icon size="s" icon={IconCloud} />
+                            <Badge size="xs" variant="secondary" content="BETA" />
                         {/if}
                         <Link.Anchor
                             size="s"
@@ -74,7 +75,6 @@
                             <Divider vertical />
                         </span>
                     {/if}
-                    <Badge size="xs" variant="secondary" content="BETA" />
                 </Layout.Stack>
             </div>
         {/if}
@@ -82,24 +82,25 @@
             direction="row"
             justifyContent={$isSmallViewport ? 'flex-start' : 'flex-end'}
             alignItems="center">
-            {#if isCloud}
-                {#if !$isSmallViewport}<Badge size="xs" variant="secondary" content="BETA" /><Icon
+            {#if !$isSmallViewport}
+                {#if isCloud}
+                    <Badge size="xs" variant="secondary" content="BETA" />
+                    <Icon size="s" icon={IconCloud} />
+                {/if}
+
+                {#if $version}
+                    <Link.Anchor
                         size="s"
-                        icon={IconCloud} />
-                    {#if $version}
-                        <Link.Anchor
-                            size="s"
-                            variant="quiet"
-                            href="https://github.com/appwrite/appwrite/releases"
-                            aria-label="Appwrite releases on Github"
-                            target="_blank"
-                            rel="noreferrer">
-                            Version {$version}
-                        </Link.Anchor>
-                        <span class="divider-wrapper">
-                            <Divider vertical />
-                        </span>
-                    {/if}
+                        variant="quiet"
+                        href="https://github.com/appwrite/appwrite/releases"
+                        aria-label="Appwrite releases on Github"
+                        target="_blank"
+                        rel="noreferrer">
+                        Version {$version}
+                    </Link.Anchor>
+                    <span class="divider-wrapper">
+                        <Divider vertical />
+                    </span>
                 {/if}
             {/if}
 

From cba8d2c522e335ac29f944d45e3a4d1b6d18f922 Mon Sep 17 00:00:00 2001
From: Tejas Raskar <tjsrskr@gmail.com>
Date: Fri, 25 Jul 2025 19:30:48 +0530
Subject: [PATCH 2/4] fix: wrap footer when overflow and made version inline
 with the other links

---
 src/lib/layout/footer.svelte | 47 +++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 25 deletions(-)

diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index 4b1437ec47..e21cd04710 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -54,34 +54,11 @@
                 </Button.Anchor>
             </Layout.Stack>
         </Layout.Stack>
-        {#if $isSmallViewport}
-            <div class="extra-margin">
-                <Layout.Stack direction="row" justifyContent={'flex-start'} alignItems="center">
-                    {#if $version}
-                        {#if isCloud}
-                            <Icon size="s" icon={IconCloud} />
-                            <Badge size="xs" variant="secondary" content="BETA" />
-                        {/if}
-                        <Link.Anchor
-                            size="s"
-                            variant="quiet"
-                            href="https://github.com/appwrite/appwrite/releases"
-                            aria-label="Appwrite releases on Github"
-                            target="_blank"
-                            rel="noreferrer">
-                            Version {$version}
-                        </Link.Anchor>
-                        <span class="divider-wrapper">
-                            <Divider vertical />
-                        </span>
-                    {/if}
-                </Layout.Stack>
-            </div>
-        {/if}
         <Layout.Stack
             direction="row"
             justifyContent={$isSmallViewport ? 'flex-start' : 'flex-end'}
-            alignItems="center">
+            alignItems="center"
+            wrap="wrap">
             {#if !$isSmallViewport}
                 {#if isCloud}
                     <Badge size="xs" variant="secondary" content="BETA" />
@@ -147,6 +124,26 @@
                     Cookies
                 </Link.Anchor>
             {/if}
+            {#if $isSmallViewport}
+                {#if $version}
+                    <span class="divider-wrapper">
+                        <Divider vertical />
+                    </span>
+                    <Link.Anchor
+                        size="s"
+                        variant="quiet"
+                        href="https://github.com/appwrite/appwrite/releases"
+                        aria-label="Appwrite releases on Github"
+                        target="_blank"
+                        rel="noreferrer">
+                        Version {$version}
+                    </Link.Anchor>
+                    {#if isCloud}
+                        <Icon size="s" icon={IconCloud} />
+                        <Badge size="xs" variant="secondary" content="BETA" />
+                    {/if}
+                {/if}
+            {/if}
         </Layout.Stack>
     </Layout.Stack>
 </footer>

From c70e1155208db97ad61449523dc8cdd0682c1337 Mon Sep 17 00:00:00 2001
From: Tejas Raskar <tjsrskr@gmail.com>
Date: Wed, 13 Aug 2025 20:07:11 +0530
Subject: [PATCH 3/4] fix: updated the badge to Generally Available and fixed
 wrapping errors

---
 src/lib/layout/footer.svelte | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index e21cd04710..64f9c5a327 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -11,7 +11,7 @@
         Button,
         Badge
     } from '@appwrite.io/pink-svelte';
-    import { isSmallViewport, isTabletViewport } from '$lib/stores/viewport';
+    import { isSmallViewport } from '$lib/stores/viewport';
 
     const currentYear = new Date().getFullYear();
 </script>
@@ -23,7 +23,6 @@
             direction="row"
             alignItems="center"
             gap={$isSmallViewport ? 'm' : 'l'}
-            inline={$isTabletViewport}
             justifyContent="flex-start">
             <Typography.Caption variant="400">
                 ⓒ {currentYear} Appwrite. All rights reserved.
@@ -58,10 +57,15 @@
             direction="row"
             justifyContent={$isSmallViewport ? 'flex-start' : 'flex-end'}
             alignItems="center"
-            wrap="wrap">
+            wrap={$isSmallViewport ? 'wrap' : 'normal'}>
             {#if !$isSmallViewport}
                 {#if isCloud}
-                    <Badge size="xs" variant="secondary" content="BETA" />
+                    <Badge
+                        size="xs"
+                        type="success"
+                        variant="secondary"
+                        content="Generally Available"
+                        style="white-space: nowrap;" />
                     <Icon size="s" icon={IconCloud} />
                 {/if}
 
@@ -72,7 +76,8 @@
                         href="https://github.com/appwrite/appwrite/releases"
                         aria-label="Appwrite releases on Github"
                         target="_blank"
-                        rel="noreferrer">
+                        rel="noreferrer"
+                        style="white-space: nowrap;">
                         Version {$version}
                     </Link.Anchor>
                     <span class="divider-wrapper">
@@ -135,12 +140,18 @@
                         href="https://github.com/appwrite/appwrite/releases"
                         aria-label="Appwrite releases on Github"
                         target="_blank"
-                        rel="noreferrer">
+                        rel="noreferrer"
+                        style="white-space: nowrap;">
                         Version {$version}
                     </Link.Anchor>
                     {#if isCloud}
                         <Icon size="s" icon={IconCloud} />
-                        <Badge size="xs" variant="secondary" content="BETA" />
+                        <Badge
+                            size="xs"
+                            type="success"
+                            variant="secondary"
+                            content="Generally Available"
+                            style="white-space: nowrap;" />
                     {/if}
                 {/if}
             {/if}
@@ -167,7 +178,4 @@
             margin-inline-end: 2rem;
         }
     }
-    .extra-margin {
-        margin-block-start: var(--space-2, 4px);
-    }
 </style>

From 845be69c144f8f0c2d183806f77190c08d16224c Mon Sep 17 00:00:00 2001
From: Tejas Raskar <tjsrskr@gmail.com>
Date: Wed, 13 Aug 2025 23:08:27 +0530
Subject: [PATCH 4/4] fix: linter issues

---
 src/lib/layout/footer.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index d0429e6850..abbcb76470 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -180,4 +180,3 @@
         }
     }
 </style>
-