From ee561138083fcd0724a82f5ac8966e67a0e14e4d Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Sun, 6 Mar 2022 13:20:20 +0100
Subject: [PATCH] fix(front/FlashMessages): only display relevant flash bags

---
 src/assets/views/components/FlashMessages.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/assets/views/components/FlashMessages.svelte b/src/assets/views/components/FlashMessages.svelte
index c49d8e4..4996325 100644
--- a/src/assets/views/components/FlashMessages.svelte
+++ b/src/assets/views/components/FlashMessages.svelte
@@ -3,6 +3,13 @@
     import Message from "./Message.svelte";
 
     export let flashed = $locals.flash;
+    const displayedCategories = [
+        'success',
+        'info',
+        'warning',
+        'error',
+        'error-alert',
+    ];
 </script>
 
 <style lang="scss">
@@ -13,7 +20,7 @@
 
 <div class="messages">
     {#if flashed}
-        {#each Object.entries(flashed) as [key, bag], i}
+        {#each Object.entries(flashed).filter(entry => displayedCategories.indexOf(entry[0]) >= 0) as [key, bag], i}
             {#each bag as content}
                 <Message type={key} content={content}/>
             {/each}