refac

src/lib/components/channel/MessageInput/MentionList.svelte

@@ -3,6 +3,7 @@
 	const i18n = getContext('i18n');
 
 	import { models } from '$lib/stores';
+	import Tooltip from '$lib/components/common/Tooltip.svelte';
 	export let query = '';
 
 	export let command: (payload: { id: string; label: string }) => void;
@@ -60,6 +61,7 @@
 				{$i18n.t('Models')}
 			</div>
 			{#each filteredItems as item, i}
+				<Tooltip content={item?.id} placement="top-start">
 					<button
 						type="button"
 						on:click={() => select(i)}
@@ -75,6 +77,7 @@
 							@{item.name}
 						</div>
 					</button>
+				</Tooltip>
 			{/each}
 		</div>
 	</div>