From c39b2d5b262c666e71cbf7b3c3b8faf288b31a3e Mon Sep 17 00:00:00 2001
From: Brieuc Dubois <git@bhasher.com>
Date: Wed, 17 Jan 2024 01:14:57 +0100
Subject: [PATCH] Fix open newly created card and on column change

---
 frontend/src/lib/components/card/Card.svelte       | 6 +++---
 frontend/src/lib/components/card/ModalCard.svelte  | 7 +++----
 frontend/src/lib/components/project/Column.svelte  | 2 ++
 frontend/src/lib/components/tags/SelectTags.svelte | 2 ++
 frontend/src/lib/types/Card.ts                     | 5 +++--
 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/lib/components/card/Card.svelte b/frontend/src/lib/components/card/Card.svelte
index be650ec..0fc47fe 100644
--- a/frontend/src/lib/components/card/Card.svelte
+++ b/frontend/src/lib/components/card/Card.svelte
@@ -4,7 +4,7 @@
 	import ModalCard from './ModalCard.svelte';
 
 	export let card: Card;
-	export let showModal = false;
+	$: showModal = card.showModal;
 </script>
 
 <div
@@ -34,8 +34,8 @@
 </div>
 
 {#if showModal}
-	<ModalCard {card} bind:showModal />
-{/if}
+	<ModalCard {card} />
+{:else}{/if}
 
 <style lang="less">
 	.card {
diff --git a/frontend/src/lib/components/card/ModalCard.svelte b/frontend/src/lib/components/card/ModalCard.svelte
index 846ede5..77f82c6 100644
--- a/frontend/src/lib/components/card/ModalCard.svelte
+++ b/frontend/src/lib/components/card/ModalCard.svelte
@@ -6,7 +6,6 @@
 	import { cards } from '$lib/types/Card';
 
 	export let card: Card;
-	export let showModal: boolean;
 
 	let newTitle: string = card.title;
 	let newContent: string = card.content;
@@ -15,7 +14,7 @@
 		if (card.title !== newTitle || card.content !== newContent) {
 			if (!(await card.update(newTitle, newContent))) return;
 		}
-		if (closeModal) showModal = false;
+		if (closeModal) card.showModal = false;
 
 		cards.reload();
 	}
@@ -37,12 +36,12 @@
 				<button
 					on:click|once={async () => {
 						await card.delete();
-						showModal = false;
+						card.showModal = false;
 					}}
 				>
 					<TrashIcon />
 				</button>
-				<button on:click|once={() => (showModal = false)}>
+				<button on:click|once={() => (card.showModal = false)}>
 					<CloseIcon />
 				</button>
 			</div>
diff --git a/frontend/src/lib/components/project/Column.svelte b/frontend/src/lib/components/project/Column.svelte
index 26b1c19..0fc0cb1 100644
--- a/frontend/src/lib/components/project/Column.svelte
+++ b/frontend/src/lib/components/project/Column.svelte
@@ -68,6 +68,8 @@
 		}
 
 		cards.reload();
+
+		card.showModal = true;
 	}
 </script>
 
diff --git a/frontend/src/lib/components/tags/SelectTags.svelte b/frontend/src/lib/components/tags/SelectTags.svelte
index 1451463..44da128 100644
--- a/frontend/src/lib/components/tags/SelectTags.svelte
+++ b/frontend/src/lib/components/tags/SelectTags.svelte
@@ -29,6 +29,8 @@
 		}
 		isOpen = false;
 		cards.reload();
+
+		card.showModal = true;
 	}
 
 	async function createOption() {
diff --git a/frontend/src/lib/types/Card.ts b/frontend/src/lib/types/Card.ts
index 6db7f16..75deed9 100644
--- a/frontend/src/lib/types/Card.ts
+++ b/frontend/src/lib/types/Card.ts
@@ -1,10 +1,10 @@
 import cardsApi from '$lib/api/cardsApi';
+import { toastAlert } from '$lib/utils/toasts';
 import { get, writable } from 'svelte/store';
 import CardTag from './CardTag';
 import Project from './Project';
-import { toastAlert } from '$lib/utils/toasts';
-import type TagOption from './TagOption';
 import type ProjectTag from './ProjectTag';
+import type TagOption from './TagOption';
 
 const { subscribe, set, update } = writable([] as Card[]);
 
@@ -21,6 +21,7 @@ export default class Card {
 	private _title: string;
 	private _content: string;
 	private _cardTags: CardTag[];
+	public showModal: boolean = false;
 
 	private constructor(
 		id: number,