Merge pull request #2963 from appwrite/fix-education-plan-project-limit-alert

feat:Add education plan project limit alert on org page

Author: HarshMN2345

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

@@ -47,9 +47,16 @@
     let showCreate = $state(false);
     let addOrganization = $state(false);
     let showCreateProjectCloud = $state(false);
+    let educationPlanAlertDismissed = $state(false);
     let freePlanAlertDismissed = $state(false);
 
     let searchQuery: SearchQuery | null = $state(null);
+    const educationProgramId = 'github-student-developer';
+
+    const isEducationProgram = $derived(data.program?.$id === educationProgramId);
+    const shouldShowEducationPlanAlert = $derived(
+        isCloud && isEducationProgram && data.projects.total >= 2
+    );
 
     const projectCreationDisabled = $derived.by(() => {
         return (
@@ -112,10 +119,19 @@
         });
     }
 
+    function dismissEducationPlanAlert() {
+        educationPlanAlertDismissed = true;
+        const notificationId = `educationPlanAlert_${data.organization.$id}`;
+        hideNotification(notificationId, { coolOffPeriod: 24 });
+    }
+
     onMount(async () => {
         checkPricingRefAndRedirect(page.url.searchParams);
+        const educationNotificationId = `educationPlanAlert_${data.organization.$id}`;
         const notificationId = `freePlanAlert_${data.organization.$id}`;
+        const shouldShowEducation = shouldShowNotification(educationNotificationId);
         const shouldShow = shouldShowNotification(notificationId);
+        educationPlanAlertDismissed = !shouldShowEducation;
         freePlanAlertDismissed = !shouldShow;
     });
 
@@ -174,6 +190,20 @@
         {/if}
     </Layout.Stack>
 
+    {#if shouldShowEducationPlanAlert && !educationPlanAlertDismissed}
+        <Alert.Inline status="info" dismissible on:dismiss={dismissEducationPlanAlert}>
+            <Typography.Text>
+                Education plan organizations can have up to 2 projects. To create a new project,
+                please delete an existing one or
+                <a
+                    href={getChangePlanUrl(data.organization.$id)}
+                    style="text-decoration: underline;">
+                    upgrade your plan
+                </a>.
+            </Typography.Text>
+        </Alert.Inline>
+    {/if}
+
     {#if isCloud && !data.program && data.currentPlan?.projects && activeProjectsTotal <= data.currentPlan.projects && !freePlanAlertDismissed}
         <Alert.Inline dismissible on:dismiss={dismissFreePlanAlert}>
             <Typography.Text