From 9a077ba3b285263bc7be4239d57f16ed6a5ec700 Mon Sep 17 00:00:00 2001
From: Bangara Raju Kottedi <bangararaju.kottedi@gmail.com>
Date: Sat, 6 Apr 2024 04:23:52 +0530
Subject: [PATCH] add like functionality from Thank you component

---
 _includes/thank-you.html | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/_includes/thank-you.html b/_includes/thank-you.html
index a3613bd..5f6e602 100644
--- a/_includes/thank-you.html
+++ b/_includes/thank-you.html
@@ -12,15 +12,38 @@
         margin-left: -20px;
         font-style: italic;
     }
-
-    
 </style>
 
 <!-- Thank you message -->
 <blockquote class="thank-you">
     <p>Thank you for reading. I trust it provided value to you. Your feedback
-        is important, so please share your thoughts in the <a href="#remark42"><strong>comments</strong></a> below. If you found it helpful, consider giving it a <a href="#likes-count"><strong>like</strong></a> and
-        <a href="{{ link }}" target="_blank" rel="noopener" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Linkedin" data-bs-original-title="Linkedin" aria-describedby="tooltip190113">
-            <strong>sharing</strong></a> it with others, also feel free to check out my [LinkedIn profile] - <a href="{{ site.data.contact[1].url }}" target="_blank"><strong>Bangara Raju Kottedi</strong></a>.
+        is important, so please share your thoughts in the <a href="#remark42"><strong>comments</strong></a> below. If
+        you found it helpful, consider giving it a <a href="#topbar-wrapper" id="ty-like"><strong>like</strong></a> and
+        <a href="{{ link }}" target="_blank" rel="noopener" data-bs-toggle="tooltip" data-bs-placement="top"
+            aria-label="Linkedin" data-bs-original-title="Linkedin" aria-describedby="tooltip190113">
+            <strong>sharing</strong></a> it with others, also feel free to check out my [LinkedIn profile] - <a
+            href="{{ site.data.contact[1].url }}" target="_blank"><strong>Bangara Raju Kottedi</strong></a>.
     </p>
-</blockquote>
\ No newline at end of file
+</blockquote>
+
+<script type="text/javascript">
+
+function handleDelayedClick() {
+        setTimeout(function() {
+            // Actual click event handler function
+        
+            heartIcon.click();
+        }, 1000); // Delay time in milliseconds
+    }
+
+    const tyLike = document.getElementById("ty-like");
+
+    tyLike.addEventListener("click", (event) => {
+        if (!heartIcon.classList.contains("liked")) {
+        handleDelayedClick();
+        }
+        else{
+            event.preventDefault(); 
+        }
+    });
+</script>
\ No newline at end of file