diff --git a/src/components/ConfirmTeamDeletion.svelte b/src/components/ConfirmTeamDeletion.svelte new file mode 100644 index 00000000..7d7c8e3b --- /dev/null +++ b/src/components/ConfirmTeamDeletion.svelte @@ -0,0 +1,97 @@ + + +{#if modal_open} +
+
+ +
+{/if} diff --git a/src/components/TeamsOverview.svelte b/src/components/TeamsOverview.svelte index d8400b8d..71e2143b 100644 --- a/src/components/TeamsOverview.svelte +++ b/src/components/TeamsOverview.svelte @@ -7,9 +7,12 @@ import { users as usersstore } from "../store.js"; import store from "../store"; import TeamsEmptyState from "./TeamsEmptyState.svelte"; + import ConfirmTeamDeletion from "./ConfirmTeamDeletion.svelte"; $: searchvalue = ""; $: active_deletes = []; export let current_teams = []; + let modal_open = false; + let delete_team = {}; usersstore.subscribe((val) => { current_teams = val; }); @@ -18,6 +21,13 @@ }); + { + modal_open = false; + active_deletes[event.detail.id] = false; + }} + bind:modal_open + bind:delete_team /> {#if store.state.jwtinfo.userdetails.permissions.includes('TEAM:GET')} {#await teams_promise}
{ current_teams = current_teams.filter((obj) => obj.id !== t.id); + Toastify({ + text: 'Organization deleted', + duration: 500, + backgroundColor: + 'linear-gradient(to right, #00b09b, #96c93d)', + }).showToast(); }) .catch((err) => { - // error deleting user + modal_open = true; + delete_team = t; }); }} tabindex="0"