From 82cc38d49cbe84d63dab7f4d3b0de218affa4ec2 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 2 Sep 2025 19:43:04 +0530
Subject: [PATCH] lint issue

---
 src/lib/components/archiveProject.svelte      | 190 +++++++++---------
 .../organization-[organization]/+page.svelte  |   6 +-
 .../organization-[organization]/+page.ts      |   2 +-
 3 files changed, 106 insertions(+), 92 deletions(-)

diff --git a/src/lib/components/archiveProject.svelte b/src/lib/components/archiveProject.svelte
index e2858acbc..0fdd91c33 100644
--- a/src/lib/components/archiveProject.svelte
+++ b/src/lib/components/archiveProject.svelte
@@ -168,99 +168,109 @@
                     {#snippet children(items)}
                         <CardContainer disableEmpty={true} total={projectsToArchive.length}>
                             {#each items as project}
-                        {@const platforms = filterPlatforms(
-                            project.platforms.map((platform) => getPlatformInfo(platform.type))
-                        )}
-                        {@const formatted = formatName(project.name)}
-                        <GridItem1>
-                            <svelte:fragment slot="eyebrow">
-                                {project?.platforms?.length ? project?.platforms?.length : 'No'} apps
-                            </svelte:fragment>
-                            <svelte:fragment slot="title">{formatted}</svelte:fragment>
-                            <svelte:fragment slot="status">
-                                <div class="status-container">
-                                    <DropList
-                                        bind:show={readOnlyInfoOpen[project.$id]}
-                                        placement="bottom-start"
-                                        noArrow>
-                                        <Tag
-                                            size="s"
-                                            style="white-space: nowrap;"
-                                            on:click={(e) => {
-                                                e.preventDefault();
-                                                e.stopPropagation();
-                                                readOnlyInfoOpen = {
-                                                    ...readOnlyInfoOpen,
-                                                    [project.$id]: !readOnlyInfoOpen[project.$id]
-                                                };
-                                            }}>
-                                            <Icon icon={IconInfo} size="s" />
-                                            <span>Read only</span>
-                                        </Tag>
-                                        <svelte:fragment slot="list">
-                                            <li
-                                                class="drop-list-item u-width-250"
-                                                style="padding: var(--space-5, 12px) var(--space-6, 16px)">
-                                                <span class="u-block u-mb-8">
-                                                    Archived projects are read-only. You can view
-                                                    and migrate their data, but they no longer
-                                                    accept edits or requests.
-                                                </span>
-                                            </li>
-                                        </svelte:fragment>
-                                    </DropList>
-                                    <Popover let:toggle padding="none" placement="bottom-end">
-                                        <Button
-                                            text
-                                            icon
-                                            size="s"
-                                            ariaLabel="more options"
-                                            on:click={(e) => {
-                                                e.preventDefault();
-                                                e.stopPropagation();
-                                                toggle(e);
-                                            }}>
-                                            <Icon icon={IconDotsHorizontal} size="s" />
-                                        </Button>
-                                        <ActionMenu.Root slot="tooltip">
-                                            <ActionMenu.Item.Button
-                                                leadingIcon={IconInboxIn}
-                                                disabled={isUnarchiveDisabled()}
-                                                on:click={() => handleUnarchiveProject(project)}
-                                                >Unarchive project</ActionMenu.Item.Button>
-                                            <ActionMenu.Item.Button
-                                                leadingIcon={IconSwitchHorizontal}
-                                                on:click={() => handleMigrateProject(project)}
-                                                >Migrate project</ActionMenu.Item.Button>
-                                        </ActionMenu.Root>
-                                    </Popover>
-                                </div>
-                            </svelte:fragment>
+                                {@const platforms = filterPlatforms(
+                                    project.platforms.map((platform) =>
+                                        getPlatformInfo(platform.type)
+                                    )
+                                )}
+                                {@const formatted = formatName(project.name)}
+                                <GridItem1>
+                                    <svelte:fragment slot="eyebrow">
+                                        {project?.platforms?.length
+                                            ? project?.platforms?.length
+                                            : 'No'} apps
+                                    </svelte:fragment>
+                                    <svelte:fragment slot="title">{formatted}</svelte:fragment>
+                                    <svelte:fragment slot="status">
+                                        <div class="status-container">
+                                            <DropList
+                                                bind:show={readOnlyInfoOpen[project.$id]}
+                                                placement="bottom-start"
+                                                noArrow>
+                                                <Tag
+                                                    size="s"
+                                                    style="white-space: nowrap;"
+                                                    on:click={(e) => {
+                                                        e.preventDefault();
+                                                        e.stopPropagation();
+                                                        readOnlyInfoOpen = {
+                                                            ...readOnlyInfoOpen,
+                                                            [project.$id]:
+                                                                !readOnlyInfoOpen[project.$id]
+                                                        };
+                                                    }}>
+                                                    <Icon icon={IconInfo} size="s" />
+                                                    <span>Read only</span>
+                                                </Tag>
+                                                <svelte:fragment slot="list">
+                                                    <li
+                                                        class="drop-list-item u-width-250"
+                                                        style="padding: var(--space-5, 12px) var(--space-6, 16px)">
+                                                        <span class="u-block u-mb-8">
+                                                            Archived projects are read-only. You can
+                                                            view and migrate their data, but they no
+                                                            longer accept edits or requests.
+                                                        </span>
+                                                    </li>
+                                                </svelte:fragment>
+                                            </DropList>
+                                            <Popover
+                                                let:toggle
+                                                padding="none"
+                                                placement="bottom-end">
+                                                <Button
+                                                    text
+                                                    icon
+                                                    size="s"
+                                                    ariaLabel="more options"
+                                                    on:click={(e) => {
+                                                        e.preventDefault();
+                                                        e.stopPropagation();
+                                                        toggle(e);
+                                                    }}>
+                                                    <Icon icon={IconDotsHorizontal} size="s" />
+                                                </Button>
+                                                <ActionMenu.Root slot="tooltip">
+                                                    <ActionMenu.Item.Button
+                                                        leadingIcon={IconInboxIn}
+                                                        disabled={isUnarchiveDisabled()}
+                                                        on:click={() =>
+                                                            handleUnarchiveProject(project)}
+                                                        >Unarchive project</ActionMenu.Item.Button>
+                                                    <ActionMenu.Item.Button
+                                                        leadingIcon={IconSwitchHorizontal}
+                                                        on:click={() =>
+                                                            handleMigrateProject(project)}
+                                                        >Migrate project</ActionMenu.Item.Button>
+                                                </ActionMenu.Root>
+                                            </Popover>
+                                        </div>
+                                    </svelte:fragment>
 
-                            {#each platforms.slice(0, 2) as platform}
-                                {@const icon = getIconForPlatform(platform.icon)}
-                                <Badge
-                                    variant="secondary"
-                                    content={platform.name}
-                                    style="width: max-content;">
-                                    <Icon {icon} size="s" slot="start" />
-                                </Badge>
-                            {/each}
+                                    {#each platforms.slice(0, 2) as platform}
+                                        {@const icon = getIconForPlatform(platform.icon)}
+                                        <Badge
+                                            variant="secondary"
+                                            content={platform.name}
+                                            style="width: max-content;">
+                                            <Icon {icon} size="s" slot="start" />
+                                        </Badge>
+                                    {/each}
 
-                            {#if platforms.length > 3}
-                                <Badge
-                                    variant="secondary"
-                                    content={`+${platforms.length - 2}`}
-                                    style="width: max-content;" />
-                            {/if}
+                                    {#if platforms.length > 3}
+                                        <Badge
+                                            variant="secondary"
+                                            content={`+${platforms.length - 2}`}
+                                            style="width: max-content;" />
+                                    {/if}
 
-                            <svelte:fragment slot="icons">
-                                {#if isCloud && $regionsStore?.regions}
-                                    {@const region = findRegion(project)}
-                                    <Typography.Text>{region?.name}</Typography.Text>
-                                {/if}
-                            </svelte:fragment>
-                        </GridItem1>
+                                    <svelte:fragment slot="icons">
+                                        {#if isCloud && $regionsStore?.regions}
+                                            {@const region = findRegion(project)}
+                                            <Typography.Text>{region?.name}</Typography.Text>
+                                        {/if}
+                                    </svelte:fragment>
+                                </GridItem1>
                             {/each}
                         </CardContainer>
                     {/snippet}
diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index 7e958cc69..683f0be6a 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -111,7 +111,11 @@
     $: activeProjects = (data.activeProjectsPage ?? data.projects.projects).filter(
         (project) => project.status === 'active'
     );
-    $: activeTotalOverall = data?.activeTotalOverall ?? data?.organization?.projects?.length ?? data?.projects?.total ?? 0;
+    $: activeTotalOverall =
+        data?.activeTotalOverall ??
+        data?.organization?.projects?.length ??
+        data?.projects?.total ??
+        0;
     function clearSearch() {
         searchQuery?.clearInput();
     }
diff --git a/src/routes/(console)/organization-[organization]/+page.ts b/src/routes/(console)/organization-[organization]/+page.ts
index b640aaba4..e7d97ed24 100644
--- a/src/routes/(console)/organization-[organization]/+page.ts
+++ b/src/routes/(console)/organization-[organization]/+page.ts
@@ -49,7 +49,7 @@ export const load: PageLoad = async ({ params, url, route, depends, parent }) =>
 
     const allActiveProjects = allProjects.filter((p) => p.status === 'active');
     const allArchivedProjects = allProjects.filter((p) => p.status !== 'active');
-    
+
     const activeProjectsForPage = allActiveProjects.slice(offset, offset + limit);
 
     // set `default` if no region!