refactor tool tip sentence

packages/app/src/components/BookmarkButtons.tsx

@@ -42,14 +42,14 @@ const BookmarkButtons: FC<Props> = (props: Props) => {
 
   const getTooltipMessage = useCallback(() => {
     if (isGuestUser) {
-      return 'Not available for guest';
+      return t('Not available for guest');
     }
 
     if (isBookmarked) {
       return 'tooltip.cancel_bookmark';
     }
     return 'tooltip.bookmark';
-  }, [isGuestUser, isBookmarked]);
+  }, [isGuestUser, isBookmarked, t]);
 
   return (
     <div className={`btn-group btn-group-bookmark ${styles['btn-group-bookmark']}`} role="group" aria-label="Bookmark buttons">

packages/app/src/components/LikeButtons.tsx

@@ -35,14 +35,14 @@ const LikeButtons: FC<LikeButtonsProps> = (props: LikeButtonsProps) => {
 
   const getTooltipMessage = useCallback(() => {
     if (isGuestUser) {
-      return 'Not available for guest';
+      return t('Not available for guest');
     }
 
     if (isLiked) {
       return 'tooltip.cancel_like';
     }
     return 'tooltip.like';
-  }, [isGuestUser, isLiked]);
+  }, [isGuestUser, isLiked, t]);
 
   return (
     <div className={`btn-group btn-group-like ${styles['btn-group-like']}`} role="group" aria-label="Like buttons">

packages/app/src/components/SubscribeButton.tsx

@@ -21,14 +21,14 @@ const SubscribeButton: FC<Props> = (props: Props) => {
 
   const getTooltipMessage = useCallback(() => {
     if (isGuestUser) {
-      return 'Not available for guest';
+      return t('Not available for guest');
     }
 
     if (isSubscribing) {
       return 'tooltip.stop_notification';
     }
     return 'tooltip.receive_notifications';
-  }, [isGuestUser, isSubscribing]);
+  }, [isGuestUser, isSubscribing, t]);
 
   return (
     <>