fix: greptile comments

Author: HarshMN2345

src/routes/(console)/organization-[organization]/domains/+page.svelte

@@ -22,7 +22,6 @@
         Layout,
         Popover,
         Table,
-        Tooltip,
         Typography
     } from '@appwrite.io/pink-svelte';
     import DeleteDomainModal from './deleteDomainModal.svelte';
@@ -31,23 +30,15 @@
     import SearchQuery from '$lib/components/searchQuery.svelte';
     import { app } from '$lib/stores/app';
     import { Click, trackEvent } from '$lib/actions/analytics';
-    import {
-        BODY_TOOLTIP_MAX_WIDTH,
-        BODY_TOOLTIP_WRAPPER_STYLE_PRELINE
-    } from '$lib/helpers/tooltipContent';
-    import { isServiceLimited } from '$lib/stores/billing';
-    import { organization } from '$lib/stores/organization';
     import { columns } from './store';
     import { View } from '$lib/helpers/load';
     import type { Models } from '@appwrite.io/console';
 
-    export let data;
-
-    $: isDomainLimitReached = isServiceLimited('domains', $organization, data.domains.total);
+    let { data } = $props();
 
-    let showDelete = false;
-    let showRetry = false;
-    let selectedDomain: Models.Domain = null;
+    let showDelete = $state(false);
+    let showRetry = $state(false);
+    let selectedDomain = $state<Models.Domain | null>(null);
 
     const isDomainVerified = (domain: Models.Domain) => {
         return domain.nameservers.toLowerCase() === 'appwrite';
@@ -59,28 +50,16 @@
         <SearchQuery placeholder="Search domains" />
         <Layout.Stack direction="row" gap="m" inline>
             <ViewSelector ui="new" view={View.Table} {columns} hideView />
-            <Tooltip disabled={!isDomainLimitReached} maxWidth={BODY_TOOLTIP_MAX_WIDTH}>
-                <div>
-                    <Button
-                        disabled={isDomainLimitReached}
-                        on:click={() => {
-                            trackEvent(Click.DomainCreateClick, {
-                                source: 'organization_domain_overview'
-                            });
-                        }}
-                        href={isDomainLimitReached
-                            ? undefined
-                            : `${base}/organization-${page.params.organization}/domains/add-domain`}>
-                        <Icon icon={IconPlus} size="s" />
-                        Add domain
-                    </Button>
-                </div>
-                <svelte:fragment slot="tooltip">
-                    <div style={BODY_TOOLTIP_WRAPPER_STYLE_PRELINE}>
-                        You have reached the maximum number of custom domains for your plan.
-                    </div>
-                </svelte:fragment>
-            </Tooltip>
+            <Button
+                on:click={() => {
+                    trackEvent(Click.DomainCreateClick, {
+                        source: 'organization_domain_overview'
+                    });
+                }}
+                href={`${base}/organization-${page.params.organization}/domains/add-domain`}>
+                <Icon icon={IconPlus} size="s" />
+                Add domain
+            </Button>
         </Layout.Stack>
     </Layout.Stack>
 
@@ -227,29 +206,17 @@
                         size="s"
                         ariaLabel="add domain">Documentation</Button>
 
-                    <Tooltip disabled={!isDomainLimitReached} maxWidth={BODY_TOOLTIP_MAX_WIDTH}>
-                        <div>
-                            <Button
-                                secondary
-                                disabled={isDomainLimitReached}
-                                on:click={() => {
-                                    trackEvent(Click.DomainCreateClick, {
-                                        source: 'organization_domain_overview'
-                                    });
-                                }}
-                                href={isDomainLimitReached
-                                    ? undefined
-                                    : `${base}/organization-${page.params.organization}/domains/add-domain`}
-                                size="s">
-                                Add domain
-                            </Button>
-                        </div>
-                        <svelte:fragment slot="tooltip">
-                            <div style={BODY_TOOLTIP_WRAPPER_STYLE_PRELINE}>
-                                You have reached the maximum number of custom domains for your plan.
-                            </div>
-                        </svelte:fragment>
-                    </Tooltip>
+                    <Button
+                        secondary
+                        on:click={() => {
+                            trackEvent(Click.DomainCreateClick, {
+                                source: 'organization_domain_overview'
+                            });
+                        }}
+                        href={`${base}/organization-${page.params.organization}/domains/add-domain`}
+                        size="s">
+                        Add domain
+                    </Button>
                 </svelte:fragment>
             </Empty>
         </Card.Base>

src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.svelte

@@ -17,9 +17,11 @@
     import { organization } from '$lib/stores/organization';
     import Table from './table.svelte';
 
-    export let data;
+    let { data } = $props();
 
-    $: isDomainLimitReached = isServiceLimited('domains', $organization, data.proxyRules.total);
+    const isDomainLimitReached = $derived(
+        isServiceLimited('domains', $organization, data.proxyRules.total)
+    );
 </script>
 
 <Container>