From c2211cb1a38d990cb453d3b95d685d726b1c9997 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 31 Jul 2025 01:38:40 +0530
Subject: [PATCH 1/4] fix:responsiveness issue for set to archive tag

---
 src/routes/(console)/organization-[organization]/+page.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index 560abb2eb..35ea3923c 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -219,6 +219,7 @@
                         {#if isSetToArchive(project)}
                             <Tag
                                 size="s"
+                                style="white-space: nowrap;"
                                 on:click={(event) => {
                                     event.preventDefault();
                                     showSelectProject = true;

From 33333e125dca3b3fdba71df3818dcdcf3b4b69c7 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 31 Jul 2025 11:09:28 +0530
Subject: [PATCH 2/4] fix:resposniveness if project name is too long

---
 .../(console)/organization-[organization]/+page.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index 35ea3923c..cfd73969b 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -26,6 +26,7 @@
     import { canWriteProjects } from '$lib/stores/roles';
     import { checkPricingRefAndRedirect } from '$lib/helpers/pricingRedirect';
     import { Badge, Icon, Typography, Alert, Tag, Tooltip } from '@appwrite.io/pink-svelte';
+    import { isSmallViewport, updateViewport } from '$lib/stores/viewport';
     import {
         IconAndroid,
         IconApple,
@@ -115,6 +116,7 @@
     };
     onMount(async () => {
         checkPricingRefAndRedirect(page.url.searchParams);
+        updateViewport();
     });
 
     function findRegion(project: Models.Project) {
@@ -129,7 +131,9 @@
     }
 
     function formatName(name: string, limit: number = 19) {
-        return name ? (name.length > limit ? `${name.slice(0, limit)}...` : name) : '-';
+        const mobileLimit = 12;
+        const actualLimit = $isSmallViewport ? mobileLimit : limit;
+        return name ? (name.length > actualLimit ? `${name.slice(0, actualLimit)}...` : name) : '-';
     }
 
     $: projectsToArchive = data.projects.projects.filter(
@@ -195,9 +199,7 @@
                 {@const platforms = filterPlatforms(
                     project.platforms.map((platform) => getPlatformInfo(platform.type))
                 )}
-                {@const formatted = isSetToArchive(project)
-                    ? formatName(project.name)
-                    : project.name}
+                {@const formatted = formatName(project.name)}
                 <GridItem1
                     href={`${base}/project-${project.region}-${project.$id}/overview/platforms`}>
                     <svelte:fragment slot="eyebrow">

From 142e3c0e5c67158b8a2629a5fad7cfeba90c8779 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 31 Jul 2025 12:27:22 +0530
Subject: [PATCH 3/4] fix:removed updateviewport

---
 src/routes/(console)/organization-[organization]/+page.svelte | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index cfd73969b..520ed1183 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -26,7 +26,7 @@
     import { canWriteProjects } from '$lib/stores/roles';
     import { checkPricingRefAndRedirect } from '$lib/helpers/pricingRedirect';
     import { Badge, Icon, Typography, Alert, Tag, Tooltip } from '@appwrite.io/pink-svelte';
-    import { isSmallViewport, updateViewport } from '$lib/stores/viewport';
+    import { isSmallViewport } from '$lib/stores/viewport';
     import {
         IconAndroid,
         IconApple,
@@ -116,7 +116,6 @@
     };
     onMount(async () => {
         checkPricingRefAndRedirect(page.url.searchParams);
-        updateViewport();
     });
 
     function findRegion(project: Models.Project) {

From ed16ebdba3be73778930750bbe010b3279541f2d Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 31 Jul 2025 18:29:54 +0530
Subject: [PATCH 4/4] added settoarchive check back and chnage character limit
 to 16

---
 .../(console)/organization-[organization]/+page.svelte      | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index 520ed1183..645b490dc 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -130,7 +130,7 @@
     }
 
     function formatName(name: string, limit: number = 19) {
-        const mobileLimit = 12;
+        const mobileLimit = 16;
         const actualLimit = $isSmallViewport ? mobileLimit : limit;
         return name ? (name.length > actualLimit ? `${name.slice(0, actualLimit)}...` : name) : '-';
     }
@@ -198,7 +198,9 @@
                 {@const platforms = filterPlatforms(
                     project.platforms.map((platform) => getPlatformInfo(platform.type))
                 )}
-                {@const formatted = formatName(project.name)}
+                {@const formatted = isSetToArchive(project)
+                    ? formatName(project.name)
+                    : project.name}
                 <GridItem1
                     href={`${base}/project-${project.region}-${project.$id}/overview/platforms`}>
                     <svelte:fragment slot="eyebrow">