From ee5cd0b6d9a08d716aab1130e98a1f94d50057d8 Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Sun, 25 Jan 2026 18:36:33 +0100
Subject: [PATCH] Remove deleted items button on browser extension root for
 better OOBE (#1481)

---
 .../popup/pages/items/ItemsList.tsx           | 55 -------------------
 1 file changed, 55 deletions(-)

diff --git a/apps/browser-extension/src/entrypoints/popup/pages/items/ItemsList.tsx b/apps/browser-extension/src/entrypoints/popup/pages/items/ItemsList.tsx
index 89f51ec04..3895a0b68 100644
--- a/apps/browser-extension/src/entrypoints/popup/pages/items/ItemsList.tsx
+++ b/apps/browser-extension/src/entrypoints/popup/pages/items/ItemsList.tsx
@@ -657,32 +657,6 @@ const ItemsList: React.FC = () => {
               {t('items.welcomeDescription')}
             </p>
           </div>
-          {/* Show Recently Deleted even when vault is empty */}
-          {recentlyDeletedCount > 0 && (
-            <button
-              onClick={() => navigate('/items/deleted')}
-              className="w-full p-3 flex items-center justify-between text-left bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700/50 transition-colors"
-            >
-              <div className="flex items-center gap-2">
-                <svg
-                  className="w-5 h-5 text-gray-400"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                >
-                  <polyline points="3 6 5 6 21 6" />
-                  <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-                </svg>
-                <span className="text-gray-700 dark:text-gray-300">{t('recentlyDeleted.title')}</span>
-              </div>
-              <span className="text-sm text-gray-500 dark:text-gray-400">
-                {recentlyDeletedCount}
-              </span>
-            </button>
-          )}
         </>
       ) : filteredItems.length === 0 && folders.length === 0 ? (
         <div className="text-gray-500 dark:text-gray-400 space-y-3 mb-10">
@@ -829,35 +803,6 @@ const ItemsList: React.FC = () => {
               )}
             </div>
           )}
-
-          {/* Recently Deleted link (only show at root level when not searching and not filtering) */}
-          {!currentFolderId && !searchTerm && filterType === 'all' && (
-            <button
-              onClick={() => navigate('/items/deleted')}
-              className="w-full mt-4 p-3 flex items-center justify-between text-left bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700/50 transition-colors"
-            >
-              <div className="flex items-center gap-2">
-                <svg
-                  className="w-5 h-5 text-gray-400"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                >
-                  <polyline points="3 6 5 6 21 6" />
-                  <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-                </svg>
-                <span className="text-gray-700 dark:text-gray-300">{t('recentlyDeleted.title')}</span>
-              </div>
-              {recentlyDeletedCount > 0 && (
-                <span className="text-sm text-gray-500 dark:text-gray-400">
-                  {recentlyDeletedCount}
-                </span>
-              )}
-            </button>
-          )}
         </>
       )}