From 296bedb6855da3fc429a1ceb50c83288fd787966 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 16 Jun 2022 10:58:13 +0200
Subject: [PATCH] feat: alerts now have buttons

---
 src/lib/components/alert.svelte | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/alert.svelte b/src/lib/components/alert.svelte
index 5a487f3d6..06434011b 100644
--- a/src/lib/components/alert.svelte
+++ b/src/lib/components/alert.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
     import { createEventDispatcher } from 'svelte';
+    import type { Func } from '../stores/notifications';
 
     export let dismissible = false;
     export let type: '' | 'info' | 'success' | 'warning' | 'danger' = 'info';
+    export let func: Func[];
 
     const dispatch = createEventDispatcher();
 </script>
@@ -23,15 +25,15 @@
                 <slot name="title" />
             </h6>
             <p class="message"><slot /></p>
-            <!--             
-            <div class="buttons u-flex">
-                <button class="button is-text">
-                    <span class="text">Button</span>
-                </button>
-                <button class="button is-text">
-                    <span class="text">Button</span>
-                </button>
-            </div> -->
+            {#if func}
+                <div class="buttons u-flex">
+                    {#each func as f}
+                        <button class="button is-text" on:click={f.method}>
+                            <span class="text">{f.name}</span>
+                        </button>
+                    {/each}
+                </div>
+            {/if}
         </div>
     </div>
 </section>