From b3233cab71d26b2253d3b822026f6e38ff97f336 Mon Sep 17 00:00:00 2001
From: venashial <venashial.levo@aleeas.com>
Date: Sun, 19 Jun 2022 21:27:20 -0700
Subject: [PATCH] `.link` fixes + Add Modal `defaultData`

---
 docs/routes/classes/Link.md         | 4 +++-
 src/components/Modal.svelte         | 5 +++--
 src/components/ModalDeletion.svelte | 2 +-
 src/styles/classes/link.postcss     | 6 ++++--
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/docs/routes/classes/Link.md b/docs/routes/classes/Link.md
index eff9904f..14fa7da6 100644
--- a/docs/routes/classes/Link.md
+++ b/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>
 ```
diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte
index 7cd182cd..eb053c2e 100644
--- a/src/components/Modal.svelte
+++ b/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() {
diff --git a/src/components/ModalDeletion.svelte b/src/components/ModalDeletion.svelte
index 7b334045..f7a4714b 100644
--- a/src/components/ModalDeletion.svelte
+++ b/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`)}
diff --git a/src/styles/classes/link.postcss b/src/styles/classes/link.postcss
index 26f90c00..9ddbf1e2 100644
--- a/src/styles/classes/link.postcss
+++ b/src/styles/classes/link.postcss
@@ -11,12 +11,14 @@
 }
 
 .link-group {
-	display: grid;
-	grid-template-columns: repeat(3, auto);
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
 	gap: 1rem;
 
 	.link {
 		color: var(--color-text);
+		margin-right: 1rem;
 
 		&:hover {
 			color: var(--color-link);