From 6eff57f2a8d92c58571be64684d64790647dfb40 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Wed, 27 Dec 2023 01:27:58 +0700
Subject: [PATCH] fav button click through link fix

---
 .../components/common/BookmarkButton/BookmarkButton.scss  | 2 +-
 .../components/common/BookmarkButton/BookmarkButton.tsx   | 8 +++++---
 .../src/components/common/LikeButton/LikeButton.scss      | 2 +-
 .../src/components/common/LikeButton/LikeButton.tsx       | 6 +++---
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.scss b/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.scss
index c44c985f71..4524647d81 100644
--- a/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.scss
+++ b/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.scss
@@ -9,7 +9,7 @@
   border: none;
   padding: 0;
   font: inherit;
-  font-size: 14px;
+  font-size: 14px !important;
   cursor: pointer;
   outline: inherit;
   font-size: 16px;
diff --git a/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.tsx b/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.tsx
index 15bdee4a14..3700594730 100644
--- a/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.tsx
+++ b/packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.tsx
@@ -29,7 +29,9 @@ export default function BookmarkButton({
   const [isToggled, setIsToggled] = useState(initialToggled);
   const [isLoading, setIsLoading] = useState(false);
 
-  const handleClick = async () => {
+  const handleClick = async (event: React.MouseEvent) => {
+    event.preventDefault();
+    event.stopPropagation();
     setIsLoading(true);
     onToggle(entityToken, entityType).then((isToggled: boolean) => {
       setIsToggled(isToggled);
@@ -52,7 +54,7 @@ export default function BookmarkButton({
   // let favoriteCountShort = useShortenNumber(favoriteCount || 0);
 
   return (
-    <div className="d-flex gap-2" onClick={handleClick}>
+    <div className="d-flex gap-2">
       <Tippy
         theme="fakeyou"
         content={toolTip}
@@ -63,7 +65,7 @@ export default function BookmarkButton({
         placement="bottom"
       >
         <button
-          // onClick={handleClick} // unnecessary, parent has onClick, runs twice
+          onClick={handleClick}
           disabled={isLoading}
           className={`${buttonClass} ${buttonShadow} ${large ? "large" : ""}`}
         >
diff --git a/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.scss b/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.scss
index d4efe3eb5f..58b9be5c57 100644
--- a/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.scss
+++ b/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.scss
@@ -9,7 +9,7 @@
   border: none;
   padding: 0;
   font: inherit;
-  font-size: 14px;
+  font-size: 14px !important;
   cursor: pointer;
   outline: inherit;
   font-size: 16px;
diff --git a/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.tsx b/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.tsx
index 63d25929bd..c903d5a319 100644
--- a/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.tsx
+++ b/packages/fakeyou.com/src/components/common/LikeButton/LikeButton.tsx
@@ -29,7 +29,7 @@ export default function LikeButton({
   const [isToggled, setIsToggled] = useState(initialToggled);
   const [isLoading, setIsLoading] = useState(false);
 
-  const handleClick = async (event: any) => {
+  const handleClick = async (event: React.MouseEvent) => {
     event.preventDefault();
     event.stopPropagation();
     setIsLoading(true);
@@ -54,7 +54,7 @@ export default function LikeButton({
   let likeCountShort = useShortenNumber(likeCount);
 
   return (
-    <div className="d-flex gap-2" onClick={handleClick}>
+    <div className="d-flex gap-2">
       <Tippy
         theme="fakeyou"
         content={toolTip}
@@ -65,7 +65,7 @@ export default function LikeButton({
         placement="bottom"
       >
         <button
-          // onClick={handleClick} // unnecessary, parent has onClick, runs twice
+          onClick={handleClick}
           disabled={isLoading}
           className={`${buttonClass} ${buttonShadow} ${large ? "large" : ""}`}
         >