refac

src/lib/components/layout/Sidebar.svelte

@@ -47,6 +47,7 @@
 	import Loader from '../common/Loader.svelte';
 	import FilesOverlay from '../chat/MessageInput/FilesOverlay.svelte';
 	import AddFilesPlaceholder from '../AddFilesPlaceholder.svelte';
+	import { select } from 'd3-selection';
 
 	const BREAKPOINT = 768;
 
@@ -167,6 +168,20 @@
 		}
 	};
 
+	const tagEventHandler = async (type, tagName, chatId) => {
+		console.log(type, tagName, chatId);
+		if (type === 'delete') {
+			if (selectedTagName === tagName) {
+				if ($tags.map((t) => t.name).includes(tagName)) {
+					await chats.set(await getChatListByTagName(localStorage.token, tagName));
+				} else {
+					selectedTagName = null;
+					await initChatList();
+				}
+			}
+		}
+	};
+
 	let dragged = false;
 
 	const onDragOver = (e) => {
@@ -561,6 +576,10 @@
 										showDeleteConfirm = true;
 									}
 								}}
+								on:tag={(e) => {
+									const { type, name } = e.detail;
+									tagEventHandler(type, name, chat.id);
+								}}
 							/>
 						{/each}
 					</div>
@@ -616,6 +635,10 @@
 									showDeleteConfirm = true;
 								}
 							}}
+							on:tag={(e) => {
+								const { type, name } = e.detail;
+								tagEventHandler(type, name, chat.id);
+							}}
 						/>
 					{/each}
 

src/lib/components/layout/Sidebar/ChatItem.svelte

@@ -259,6 +259,9 @@
 					on:change={async () => {
 						await pinnedChats.set(await getPinnedChatList(localStorage.token));
 					}}
+					on:tag={(e) => {
+						dispatch('tag', e.detail);
+					}}
 				>
 					<button
 						aria-label="Chat Menu"

src/lib/components/layout/Sidebar/ChatMenu.svelte

@@ -141,6 +141,13 @@
 			<div class="flex p-1">
 				<Tags
 					{chatId}
+					on:delete={(e) => {
+						dispatch('tag', {
+							type: 'delete',
+							name: e.detail.name
+						});
+						show = false;
+					}}
 					on:close={() => {
 						show = false;
 						onClose();