feat: notifications can have buttons

src/lib/layout/notification.svelte

@@ -4,6 +4,7 @@
 
     export let type: Notification['type'] = 'info';
     export let title: Notification['title'];
+    export let func: Notification['func'];
 
     let icon: string;
     switch (type) {
@@ -43,14 +44,13 @@
         {/if}
         <p><slot /></p>
     </div>
-    <!-- 
-    <div class="buttons u-flex">
-        <button class="button is-text is-small">
-            <span class="text">Action 1</span>
-        </button>
-        <button class="button is-text is-small">
-            <span class="text">Action 2</span>
-        </button>
-    </div>
--->
+    {#if func}
+        <div class="buttons u-flex">
+            {#each func as f}
+                <button class="button is-text is-small" on:click={f.method}>
+                    <span class="text">{f.name}</span>
+                </button>
+            {/each}
+        </div>
+    {/if}
 </li>

src/lib/layout/notifications.svelte

@@ -10,7 +10,8 @@
                 <Notification
                     type={notification.type}
                     title={notification.title}
-                    on:dismiss={() => dismissNotification(notification.id)}>
+                    on:dismiss={() => dismissNotification(notification.id)}
+                    func={notification?.func}>
                     {notification.message}
                 </Notification>
             {/each}

src/lib/stores/notifications.ts

@@ -7,6 +7,12 @@ export type Notification = {
     timeout?: number;
     message: string;
     title?: string;
+    func?: Func[];
+};
+
+export type Func = {
+    method: () => void; //TODO Check if promise is needed rather tha () => void
+    name: string;
 };
 
 let counter = 0;