From fc7dc45a546626ac40410458cbbc8d5fea9430c3 Mon Sep 17 00:00:00 2001
From: FrigoDev <alejo012903@gmail.com>
Date: Fri, 24 Apr 2026 16:55:39 -0500
Subject: [PATCH] Revert "feat: add styled tooltips to trailer and rating
 actions"

This reverts commit 204d9afc8f194b3d59f9e9eef79547f059dc3e52.
---
 src/components/MetaPreview/ActionButton/ActionButton.js | 9 ++++-----
 src/components/MetaPreview/MetaPreview.js               | 3 +--
 src/components/MetaPreview/Ratings/Ratings.tsx          | 4 ----
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/components/MetaPreview/ActionButton/ActionButton.js b/src/components/MetaPreview/ActionButton/ActionButton.js
index d65db2ea3..520c0483b 100644
--- a/src/components/MetaPreview/ActionButton/ActionButton.js
+++ b/src/components/MetaPreview/ActionButton/ActionButton.js
@@ -8,9 +8,9 @@ const { Button } = require('stremio/components');
 const styles = require('./styles');
 const { Tooltip } = require('stremio/common/Tooltips');
 
-const ActionButton = ({ className, icon, label, tooltip, showLabel, ...props }) => {
+const ActionButton = ({ className, icon, label, tooltip, ...props }) => {
     return (
-        <Button title={tooltip ? undefined : label} {...props} className={classnames(className, styles['action-button-container'], { 'wide': typeof label === 'string' && (!tooltip || showLabel) })}>
+        <Button title={tooltip ? '' : label} {...props} className={classnames(className, styles['action-button-container'], { 'wide': typeof label === 'string' && !tooltip })}>
             {
                 tooltip === true ?
                     <Tooltip label={label} position={'top'} />
@@ -26,7 +26,7 @@ const ActionButton = ({ className, icon, label, tooltip, showLabel, ...props })
                     null
             }
             {
-                (!tooltip || showLabel) && typeof label === 'string' && label.length > 0 ?
+                !tooltip && typeof label === 'string' && label.length > 0 ?
                     <div className={styles['label-container']}>
                         <div className={styles['label']}>{label}</div>
                     </div>
@@ -41,8 +41,7 @@ ActionButton.propTypes = {
     className: PropTypes.string,
     icon: PropTypes.string,
     label: PropTypes.string,
-    tooltip: PropTypes.bool,
-    showLabel: PropTypes.bool
+    tooltip: PropTypes.bool
 };
 
 module.exports = ActionButton;
diff --git a/src/components/MetaPreview/MetaPreview.js b/src/components/MetaPreview/MetaPreview.js
index c041911cd..5fa7d8ff0 100644
--- a/src/components/MetaPreview/MetaPreview.js
+++ b/src/components/MetaPreview/MetaPreview.js
@@ -216,8 +216,7 @@ const MetaPreview = React.forwardRef(({ className, compact, name, logo, backgrou
                             label={t('TRAILER')}
                             tabIndex={compact ? -1 : 0}
                             href={trailerHref}
-                            tooltip={true}
-                            showLabel={true}
+                            tooltip={compact}
                         />
                         :
                         null
diff --git a/src/components/MetaPreview/Ratings/Ratings.tsx b/src/components/MetaPreview/Ratings/Ratings.tsx
index 8ba867800..329ee4945 100644
--- a/src/components/MetaPreview/Ratings/Ratings.tsx
+++ b/src/components/MetaPreview/Ratings/Ratings.tsx
@@ -1,7 +1,6 @@
 // Copyright (C) 2017-2025 Smart code 203358507
 
 import React, { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
 import useRating from './useRating';
 import { ActionsGroup } from 'stremio/components';
 
@@ -12,20 +11,17 @@ type Props = {
 };
 
 const Ratings = ({ ratingInfo, className }: Props) => {
-    const { t } = useTranslation();
     const { onLiked, onLoved, liked, loved } = useRating(ratingInfo);
     const disabled = useMemo(() => ratingInfo?.type !== 'Ready', [ratingInfo]);
 
     const items = useMemo(() => [
         {
             icon: liked ? 'thumbs-up' : 'thumbs-up-outline',
-            label: liked ? t('RATING_UNLIKE') : t('RATING_LIKE'),
             disabled,
             onClick: onLiked,
         },
         {
             icon: loved ? 'heart' : 'heart-outline',
-            label: loved ? t('RATING_UNLOVE') : t('RATING_LOVE'),
             disabled,
             onClick: onLoved,
         },