saved text bookmark

packages/fakeyou.com/src/components/common/FavoriteButton/FavoriteButton.scss

@@ -29,7 +29,7 @@
     background: rgba(lighten($secondary, 10%), 0.9);
   }
 
-  &:hover .favorite-number {
+  &:hover .favorite-text {
     opacity: 1;
   }
 
@@ -69,7 +69,7 @@
   color: map-get($badge-colors, "yellow");
 }
 
-.favorite-number {
+.favorite-text {
   color: $white;
   font-size: 14px;
   font-weight: 400 !important;

packages/fakeyou.com/src/components/common/FavoriteButton/FavoriteButton.tsx

@@ -5,14 +5,15 @@ import { faBookmark as faBookmarkOutline } from "@fortawesome/pro-regular-svg-ic
 import Tippy from "@tippyjs/react";
 import "tippy.js/dist/tippy.css";
 import "./FavoriteButton.scss";
-import useShortenNumber from "hooks/useShortenNumber";
+// import useShortenNumber from "hooks/useShortenNumber";
 
 interface FavoriteButtonProps {
   initialToggled?: boolean;
   onToggle: (toggled: boolean) => Promise<void>;
-  favoriteCount: number;
+  favoriteCount?: number;
   overlay?: boolean;
   large?: boolean;
+  isFavorited?: boolean;
 }
 
 export default function FavoriteButton({
@@ -21,6 +22,7 @@ export default function FavoriteButton({
   favoriteCount,
   overlay,
   large,
+  isFavorited,
 }: FavoriteButtonProps) {
   const [isToggled, setIsToggled] = useState(initialToggled);
   const [isLoading, setIsLoading] = useState(false);
@@ -41,7 +43,7 @@ export default function FavoriteButton({
   const buttonShadow = overlay ? "shadow" : "";
   const iconClass = isToggled ? "icon-toggled" : "icon-default";
   const toolTip = isToggled ? "Unbookmark" : "Bookmark";
-  let favoriteCountShort = useShortenNumber(favoriteCount);
+  // let favoriteCountShort = useShortenNumber(favoriteCount || 0);
 
   return (
     <div className="d-flex gap-2" onClick={handleClick}>
@@ -62,9 +64,7 @@ export default function FavoriteButton({
             icon={isToggled ? faBookmark : faBookmarkOutline}
             className={`${iconClass} me-2`}
           />
-          {favoriteCount && (
-            <p className="favorite-number">{favoriteCountShort}</p>
-          )}
+          <p className="favorite-text">{isFavorited ? "Saved" : "Save"}</p>
         </button>
       </Tippy>
     </div>