From 444d05bc24ccd77639a339f919e2bc6e6cf98ac4 Mon Sep 17 00:00:00 2001
From: vishal <vishalkumarvkvk988@gmail.com>
Date: Mon, 24 Nov 2025 04:11:34 +0530
Subject: [PATCH] added the tooltip and set the copied timeout to be at 2sec

---
 src/lib/components/blog/post-meta.svelte | 25 +++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/blog/post-meta.svelte b/src/lib/components/blog/post-meta.svelte
index d9cb08190f..996c62e714 100644
--- a/src/lib/components/blog/post-meta.svelte
+++ b/src/lib/components/blog/post-meta.svelte
@@ -3,7 +3,9 @@
     import { handleCopy } from '$lib/utils/copy';
     import { formatDate } from '$lib/utils/date';
     import type { AuthorData } from '$routes/blog/content';
-    import { page } from '$app/state';
+
+    import {Tooltip} from '$lib/components';
+    import { melt } from '@melt-ui/svelte';
 
     interface Props {
         date?: string;
@@ -27,6 +29,8 @@
         const blogPostUrl = encodeURI(currentURL);
         return shareOption.link.replace('{TITLE}', title + '.').replace('{URL}', blogPostUrl);
     };
+    const { copied, copy } = handleCopy(currentURL, 2000);
+
 </script>
 
 <header>
@@ -88,12 +92,19 @@
                                 <span class={sharingOption.icon} aria-hidden="true"></span>
                             </a>
                         {:else}
-                            <button
-                                aria-label={sharingOption.label}
-                                onclick={() => handleCopy(currentURL)}
-                            >
-                                <span class={sharingOption.icon} aria-hidden="true"></span>
-                            </button>
+                        <Tooltip>
+                            {#snippet asChild({ trigger })}
+
+                                <button onclick={copy}
+                                    use:melt={trigger}
+                                    aria-label={sharingOption.label}>
+                                    <span class={sharingOption.icon} aria-hidden="true"></span>
+                                </button>
+                            {/snippet}
+                            {#snippet tooltip()}
+                                {$copied ? 'Copied!' :  'Copy'}
+                            {/snippet}
+                        </Tooltip>
                         {/if}
                     </li>
                 {/each}