From 2f423959665dff954b82c819ff4bed3f5085b3fe Mon Sep 17 00:00:00 2001
From: trivedisatyam7860 <satyamtrivedi7860@gmail.com>
Date: Fri, 27 Mar 2026 00:13:33 +0530
Subject: [PATCH] feat: add tooltip to collection item remove button

---
 .../User/components/CollectionItemRow.jsx        | 16 +++++++++-------
 translations/locales/it/translations.json        |  3 ++-
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/client/modules/User/components/CollectionItemRow.jsx b/client/modules/User/components/CollectionItemRow.jsx
index e6f3e6d30e..40499556b5 100644
--- a/client/modules/User/components/CollectionItemRow.jsx
+++ b/client/modules/User/components/CollectionItemRow.jsx
@@ -3,6 +3,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
+import { Tooltip } from '../../../common/Tooltip';
 import { removeFromCollection } from '../../IDE/actions/collections';
 import { formatDateToString } from '../../../utils/formatDate';
 import RemoveIcon from '../../../images/close.svg';
@@ -48,13 +49,14 @@ const CollectionItemRow = ({ collection, item, isOwner }) => {
       <td>{sketchOwnerUsername}</td>
       <td className="collection-row__action-column">
         {isOwner && (
-          <button
-            className="collection-row__remove-button"
-            onClick={handleSketchRemove}
-            aria-label={t('Collection.SketchRemoveARIA')}
-          >
-            <RemoveIcon focusable="false" aria-hidden="true" />
-          </button>
+          <Tooltip content={t('RemoveFromCollection')}>
+            <button
+              className="collection-row__remove-button"
+              onClick={handleSketchRemove}
+            >
+              <RemoveIcon focusable="false" aria-hidden="true" />
+            </button>
+          </Tooltip>
         )}
       </td>
     </tr>
diff --git a/translations/locales/it/translations.json b/translations/locales/it/translations.json
index 4dfb4ac25a..e084a497c1 100644
--- a/translations/locales/it/translations.json
+++ b/translations/locales/it/translations.json
@@ -438,7 +438,8 @@
     "TitleDefault": "collezione"
   },
   "Collection": {
-    "Title": "p5.js redattore web | Mie collezioni",
+    "RemoveFromCollection":"Remove from Collection ",
+    "Title": "p5.js redattore web | My collezioni",
     "AnothersTitle": "p5.js redattore web | Le collezioni di {{anotheruser}}",
     "Share": "Condividi",
     "URLLink": "Collegamento alla collezione",