From 280df90b229e48da8fc5d569e49beabc9461a497 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 11 Nov 2022 10:40:27 +0100
Subject: [PATCH] fix: custom now opens the modal

---
 src/lib/components/permissions/actions.svelte | 9 ++++++++-
 src/lib/components/permissions/team.svelte    | 7 +++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/permissions/actions.svelte b/src/lib/components/permissions/actions.svelte
index d97edeffd..e85deb2fd 100644
--- a/src/lib/components/permissions/actions.svelte
+++ b/src/lib/components/permissions/actions.svelte
@@ -43,5 +43,12 @@
 </DropList>
 
 <User bind:show={showUser} on:create {groups} />
-<Team bind:show={showTeam} on:create {groups} />
+<Team
+    bind:show={showTeam}
+    on:create
+    on:custom={() => {
+        showTeam = false;
+        showCustom = true;
+    }}
+    {groups} />
 <Custom bind:show={showCustom} on:create {groups} />
diff --git a/src/lib/components/permissions/team.svelte b/src/lib/components/permissions/team.svelte
index 4ab31e349..d8d636401 100644
--- a/src/lib/components/permissions/team.svelte
+++ b/src/lib/components/permissions/team.svelte
@@ -62,11 +62,10 @@
     <svelte:fragment slot="header">Select teams</svelte:fragment>
     <p class="text">
         Grant access to any member of a specific team. To grant access to team members with specific
-        roles, you will need to set a <a
+        roles, you will need to set a <button
+            type="button"
             class="link"
-            href="https://appwrite.io/docs/permissions"
-            target="_blank"
-            rel="noopener noreferrer">custom permission</a
+            on:click={() => dispatch('custom')}>custom permission</button
         >.
     </p>
     <InputSearch