From c9ee58da9b06b7ee1d4a9f67e9fe32c8ce30fe64 Mon Sep 17 00:00:00 2001
From: Sahil Sinha <sinhasahil663@gmail.com>
Date: Wed, 4 Feb 2026 18:37:11 +0530
Subject: [PATCH 1/2] Fix: handle empty collection UI and add input flow

---
 client/modules/IDE/components/AddToCollectionList.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/modules/IDE/components/AddToCollectionList.jsx b/client/modules/IDE/components/AddToCollectionList.jsx
index 75713367ee..8fc479c2f2 100644
--- a/client/modules/IDE/components/AddToCollectionList.jsx
+++ b/client/modules/IDE/components/AddToCollectionList.jsx
@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import styled from 'styled-components';
 import { Loader } from '../../App/components/Loader';
+import CollectionCreate from '../../User/components/CollectionCreate';
 import {
   addToCollection,
   getCollections,
@@ -63,7 +64,7 @@ const AddToCollectionList = ({ projectId }) => {
     if (showLoader) {
       return <Loader />;
     } else if (collections.length === 0) {
-      return t('AddToCollectionList.Empty');
+      return <CollectionCreate />;
     }
     return (
       <QuickAddList

From 86da308bbc0871740c12ad853042e8bde0389d1b Mon Sep 17 00:00:00 2001
From: Sahil Sinha <sinhasahil663@gmail.com>
Date: Fri, 20 Feb 2026 18:45:25 +0530
Subject: [PATCH 2/2] Fix:Improved the UI in the collection-table

---
 .../modules/User/components/CollectionItemRow.jsx | 15 +++++++--------
 translations/locales/bn/translations.json         |  1 +
 translations/locales/en-US/translations.json      |  3 ++-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/client/modules/User/components/CollectionItemRow.jsx b/client/modules/User/components/CollectionItemRow.jsx
index e6f3e6d30e..8f7adcfa9a 100644
--- a/client/modules/User/components/CollectionItemRow.jsx
+++ b/client/modules/User/components/CollectionItemRow.jsx
@@ -5,7 +5,8 @@ import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 import { removeFromCollection } from '../../IDE/actions/collections';
 import { formatDateToString } from '../../../utils/formatDate';
-import RemoveIcon from '../../../images/close.svg';
+import { TableDropdown } from '../../../components/Dropdown/TableDropdown';
+import { MenuItem } from '../../../components/Dropdown/MenuItem';
 
 const CollectionItemRow = ({ collection, item, isOwner }) => {
   const { t } = useTranslation();
@@ -48,13 +49,11 @@ 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>
+          <TableDropdown aria-label={t('Collection.SketchRemoveARIA')}>
+            <MenuItem onClick={handleSketchRemove}>
+              {t('Remove collection')}
+            </MenuItem>
+          </TableDropdown>
         )}
       </td>
     </tr>
diff --git a/translations/locales/bn/translations.json b/translations/locales/bn/translations.json
index 63261d82bd..e427a97e83 100644
--- a/translations/locales/bn/translations.json
+++ b/translations/locales/bn/translations.json
@@ -474,6 +474,7 @@
     "DescriptionPlaceholder": "বর্ণনা যোগ করুন",
     "NumSketches": "{{count}} স্কেচ",
     "By": "সংগ্রহ করেছেন ",
+    "RemoveFromCollection": "Remove from Collection",
     "NoSketches": "সংগ্রহে কোন স্কেচ নেই",
     "TableSummary": "সমস্ত সংগ্রহ ধারণ করা টেবিল",
     "HeaderName": "নাম",
diff --git a/translations/locales/en-US/translations.json b/translations/locales/en-US/translations.json
index 1d254a5afc..9d0652d1ed 100644
--- a/translations/locales/en-US/translations.json
+++ b/translations/locales/en-US/translations.json
@@ -268,7 +268,7 @@
     }
   },
   "Sidebar": {
-    "Title": "Sketch Files",
+    "Title": "Sketch something today",
     "ToggleARIA": "Toggle open/close sketch file options",
     "AddFolder": "Create folder",
     "AddFolderARIA": "add folder",
@@ -506,6 +506,7 @@
     "NumSketches": "{{count}} sketch",
     "NumSketches_plural": "{{count}} sketches",
     "By": "Collection by ",
+    "RemoveFromCollection": "Remove from Collection",
     "NoSketches": "No sketches in collection",
     "TableSummary": "table containing all collections",
     "HeaderName": "Name",