From 48c4505520cb9da627ab01c389088960803d726d Mon Sep 17 00:00:00 2001
From: Ramnaresh <ramnareshkushwah823@gmail.com>
Date: Thu, 25 Jul 2024 14:57:24 +0530
Subject: [PATCH] Feat #502 added hovering effect on socials

---
 frontend/src/components/SharePostButtons.tsx | 40 ++++++++++++--------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/SharePostButtons.tsx b/frontend/src/components/SharePostButtons.tsx
index e5741fe1..d52f4b6b 100644
--- a/frontend/src/components/SharePostButtons.tsx
+++ b/frontend/src/components/SharePostButtons.tsx
@@ -19,21 +19,31 @@ type Props = {
 const SharePostButtons = ({shareUrl, title}: Props) => {
   return (
     <div className="flex space-x-2 my-4">
-      <TelegramShareButton url={shareUrl} title={title}>
-        <TelegramIcon size={35} round />
-      </TelegramShareButton>
-      <TwitterShareButton url={shareUrl} title={title}>
-        <XIcon size={35} round />
-      </TwitterShareButton>
-      <WhatsappShareButton url={shareUrl} title={title}>
-        <WhatsappIcon size={35} round />
-      </WhatsappShareButton>
-      <LinkedinShareButton url={shareUrl} title={title} summary={title}>
-        <LinkedinIcon size={35} round />
-      </LinkedinShareButton>
-      <FacebookShareButton url={shareUrl} title={title}>
-        <FacebookIcon size={35} round />
-      </FacebookShareButton>
+      <div className="hover:scale-125 transform transition duration-400">
+        <TelegramShareButton url={shareUrl} title={title}>
+          <TelegramIcon size={35} round />
+        </TelegramShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <TwitterShareButton url={shareUrl} title={title}>
+          <XIcon size={35} round />
+        </TwitterShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <WhatsappShareButton url={shareUrl} title={title}>
+          <WhatsappIcon size={35} round />
+        </WhatsappShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <LinkedinShareButton url={shareUrl} title={title} summary={title}>
+          <LinkedinIcon size={35} round />
+        </LinkedinShareButton>
+      </div>
+      <div className=" hover:scale-125 transform transition duration-400">
+        <FacebookShareButton url={shareUrl} title={title}>
+          <FacebookIcon size={35} round />
+        </FacebookShareButton>
+      </div>  
     </div>
   );
 };