From 7414b441d6a86191ccbffca462e34e843158d15a Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 31 Dec 2024 12:20:00 +0530
Subject: [PATCH 1/2] ui fix: repo connectivity state.

---
 src/lib/components/git/newRepository.svelte         |  4 ++++
 src/lib/elements/forms/button.svelte                |  3 ++-
 .../templates/template-[template]/+page.svelte      | 13 +++++++++++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/git/newRepository.svelte b/src/lib/components/git/newRepository.svelte
index 5a9b888f19..85fbf71823 100644
--- a/src/lib/components/git/newRepository.svelte
+++ b/src/lib/components/git/newRepository.svelte
@@ -8,6 +8,7 @@
     export let installations: Models.InstallationList;
     export let repositoryName: string;
     export let repositoryPrivate = true;
+    export let disableFields = false;
 </script>
 
 <Layout.Stack gap="l">
@@ -15,6 +16,7 @@
         <InputSelect
             id="installation"
             label="Git organization"
+            disabled={disableFields}
             options={installations.installations.map((entry) => {
                 return {
                     label: entry.organization,
@@ -32,9 +34,11 @@
         id="repositoryName"
         label="Repository name"
         placeholder="my-repository"
+        disabled={disableFields}
         bind:value={repositoryName} />
     <InputChoice
         id="repositoryPrivate"
         label="Keep repository private"
+        disabled={disableFields}
         bind:value={repositoryPrivate} />
 </Layout.Stack>
diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index cf6d8d20b5..32cc6340b2 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -27,6 +27,7 @@
     let classes: string = '';
     export { classes as class };
     export let submissionLoader = false;
+    export let showLoaderAnyway = false;
 
     const isSubmitting = hasContext('form')
         ? getContext<FormContext>('form').isSubmitting
@@ -85,7 +86,7 @@
         aria-label={ariaLabel}
         type={submit ? 'submit' : 'button'}
         --button-width={fullWidth ? '100%' : undefined}>
-        {#if $isSubmitting && submissionLoader}
+        {#if ($isSubmitting && submissionLoader) || (showLoaderAnyway && submissionLoader)}
             <span
                 class="loader is-small"
                 style:--p-loader-base-full-color="transparent"
diff --git a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte
index 8cd3b45f45..b5e00f70af 100644
--- a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte
+++ b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte
@@ -33,6 +33,7 @@
     export let data;
 
     let showExitModal = false;
+    let isCreatingRepository = false;
     let hasInstallations = !!data?.installations?.total;
 
     let formComponent: Form;
@@ -80,6 +81,7 @@
 
     async function createRepository() {
         try {
+            isCreatingRepository = true;
             const repo = await sdk.forProject.vcs.createRepository(
                 $installation.$id,
                 repositoryName,
@@ -93,6 +95,8 @@
                 type: 'error',
                 message: error.message
             });
+        } finally {
+            isCreatingRepository = false;
         }
     }
 
@@ -216,12 +220,13 @@
                 </Layout.Stack>
                 {#if connectBehaviour === 'now'}
                     {#if hasInstallations}
-                        <Fieldset legend="Git repositoy">
+                        <Fieldset legend="Git repository">
                             <Layout.Stack gap="xl">
                                 <RepositoryBehaviour bind:repositoryBehaviour />
                                 {#if repositoryBehaviour === 'new'}
                                     <NewRepository
                                         bind:selectedInstallationId
+                                        disableFields={isCreatingRepository}
                                         installations={data.installations}
                                         bind:repositoryName
                                         bind:repositoryPrivate />
@@ -231,7 +236,11 @@
                                         <Button
                                             size="s"
                                             on:click={createRepository}
-                                            disabled={!repositoryName || !$installation?.$id}>
+                                            showLoaderAnyway={true}
+                                            submissionLoader={isCreatingRepository}
+                                            disabled={!repositoryName ||
+                                                !$installation?.$id ||
+                                                isCreatingRepository}>
                                             Create
                                         </Button>
                                     </Layout.Stack>

From 819a829f41a296db13cb405ccea7dd3d71d7963b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 2 Jan 2025 13:57:54 +0530
Subject: [PATCH 2/2] address comment.

---
 src/lib/elements/forms/button.svelte                          | 4 ++--
 .../create-site/templates/template-[template]/+page.svelte    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 32cc6340b2..6b13f47c6d 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -27,7 +27,7 @@
     let classes: string = '';
     export { classes as class };
     export let submissionLoader = false;
-    export let showLoaderAnyway = false;
+    export let forceShowLoader = false;
 
     const isSubmitting = hasContext('form')
         ? getContext<FormContext>('form').isSubmitting
@@ -86,7 +86,7 @@
         aria-label={ariaLabel}
         type={submit ? 'submit' : 'button'}
         --button-width={fullWidth ? '100%' : undefined}>
-        {#if ($isSubmitting && submissionLoader) || (showLoaderAnyway && submissionLoader)}
+        {#if ($isSubmitting && submissionLoader) || (forceShowLoader && submissionLoader)}
             <span
                 class="loader is-small"
                 style:--p-loader-base-full-color="transparent"
diff --git a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte
index b5e00f70af..d97f317046 100644
--- a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte
+++ b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte
@@ -236,7 +236,7 @@
                                         <Button
                                             size="s"
                                             on:click={createRepository}
-                                            showLoaderAnyway={true}
+                                            forceShowLoader
                                             submissionLoader={isCreatingRepository}
                                             disabled={!repositoryName ||
                                                 !$installation?.$id ||