From 48c876c838898d952c89ed71ab5fecc467df28cf Mon Sep 17 00:00:00 2001
From: Shubham Makkar <13jerry02@gmail.com>
Date: Mon, 23 Mar 2026 20:44:50 +0530
Subject: [PATCH] fix: add tooltip to remove from collection button

---
 client/components/SketchList.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 client/components/SketchList.js

diff --git a/client/components/SketchList.js b/client/components/SketchList.js
new file mode 100644
index 0000000000..c22f4c3ca3
--- /dev/null
+++ b/client/components/SketchList.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import Tooltip from '../Tooltip';
+
+const SketchList = () => {
+  return (
+    <div>
+      {sketches.map((sketch) => (
+        <div key={sketch.id}>
+          <button
+            type='button'
+            aria-label='Remove from Collection'
+            onClick={() => handleRemoveFromCollection(sketch.id)}
+          >
+            <Tooltip text='Remove from Collection' />
+            <span>X</span>
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default SketchList;
\ No newline at end of file