.link fixes + Add Modal defaultData

docs/routes/classes/Link.md

@@ -14,9 +14,11 @@
 	import IconWiki from 'virtual:icons/heroicons-outline/book-open'
 </script>
 
-<div class="link-group">
+<div class="link-group" style="max-width: 18rem">
 	<a class="link" href="#issues"><IconIssues /> Issues</a>
 	<a class="link" href="#source"><IconCode /> Source</a>
 	<a class="link" href="#wiki"><IconWiki /> Wiki</a>
+  <a class="link" href="#issues"><IconIssues /> Discord chat</a>
+	<a class="link" href="#source"><IconCode /> Source link</a>
 </div>
 ```

src/components/Modal.svelte

@@ -14,11 +14,12 @@
 	/** If enabled, clicking outside the modal with close it */
 	export let dismissable = true
 
-	export let data: Record<string, any> = {}
+	export let defaultData: Record<string, any> = {}
+	export let data: Record<string, any> = defaultData
 
 	function close() {
 		open = false
-		data = {}
+		data = defaultData
 	}
 
 	function trigger() {

src/components/ModalDeletion.svelte

@@ -41,8 +41,8 @@
 		disabled={key !== data.key}
 		let:close
 		on:click={() => {
-			dispatch('deletion')
 			close()
+			dispatch('deletion')
 		}}>
 		<IconTrash />
 		{$t(`modal.deletion.${type}.action`)}

src/styles/classes/link.postcss

@@ -11,12 +11,14 @@
 }
 
 .link-group {
-	display: grid;
+	display: flex;
-	grid-template-columns: repeat(3, auto);
+	flex-wrap: wrap;
+	justify-content: space-between;
 	gap: 1rem;
 
 	.link {
 		color: var(--color-text);
+		margin-right: 1rem;
 
 		&:hover {
 			color: var(--color-link);