adds public lists

web/src/lib/components/confirm_modal.svelte

@@ -9,6 +9,7 @@
     export let title: string = $_('confirm-deletion');
     export let text: string;
     export let action: string = "delete";
+    export let id: string = "confirm-modal";
 
     const dispatch = createEventDispatcher();
 
@@ -18,13 +19,13 @@
     }
 </script>
 
-<Modal id="confirm-modal" {title} bind:openModal bind:closeModal>
+<Modal {id} {title} bind:openModal bind:closeModal>
     <p slot="content">{text}</p>
     <div slot="footer" class="flex items-center gap-4">
         <button class="btn-secondary" on:click={closeModal}
             >{$_("cancel")}</button
         >
-        <button class="btn-danger" type="button" on:click={confirm} name="delete"
+        <button class={action === "delete" ? "btn-delete" : "btn-primary"} type="button" on:click={confirm} name="delete"
             >{$_(action)}</button
         >
     </div></Modal