From 6595da30df88fcc99950bc3b4ddedd0e2adda863 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 12 Mar 2025 15:05:54 +0100
Subject: [PATCH] fix: add collaborator modal

---
 .../(components)/addCollaboratorModal.svelte  | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/routes/(console)/project-[project]/sites/(components)/addCollaboratorModal.svelte b/src/routes/(console)/project-[project]/sites/(components)/addCollaboratorModal.svelte
index 37b23cea7..c4ee16c58 100644
--- a/src/routes/(console)/project-[project]/sites/(components)/addCollaboratorModal.svelte
+++ b/src/routes/(console)/project-[project]/sites/(components)/addCollaboratorModal.svelte
@@ -14,6 +14,7 @@
     import InputSelect from '$lib/elements/forms/inputSelect.svelte';
     import Roles from '$lib/components/roles/roles.svelte';
     import { Layout } from '@appwrite.io/pink-svelte';
+    import { isCloud, isSelfHosted } from '$lib/system';
 
     export let show = false;
 
@@ -24,7 +25,7 @@
     let email: string,
         name: string,
         error: string,
-        role: string = 'viewer';
+        role: string = isSelfHosted ? 'owner' : 'viewer';
 
     async function create() {
         try {
@@ -59,8 +60,6 @@
         email = null;
         name = null;
     }
-
-    //TODO: fix popover
 </script>
 
 <Modal title="Add collaborator" {error} bind:show onSubmit={create}>
@@ -75,14 +74,16 @@
             placeholder="Enter email"
             autofocus={true}
             bind:value={email} />
-        <InputSelect
-            popover={Roles}
-            id="role"
-            label="Role"
-            placeholder="Select role"
-            required
-            options={roles}
-            bind:value={role} />
+        {#if isCloud}
+            <InputSelect
+                popover={Roles}
+                id="role"
+                label="Role"
+                placeholder="Select role"
+                required
+                options={roles}
+                bind:value={role} />
+        {/if}
     </Layout.Stack>
     <svelte:fragment slot="footer">
         <Button secondary on:click={() => (show = false)}>Cancel</Button>