Remove sort by Most Recent

Signed-off-by: Trung Nguyen <[email protected]>

Author: trungutt

src/extension/ui/src/components/CatalogGrid.tsx

@@ -49,8 +49,8 @@ export const CatalogGrid: React.FC<CatalogGridProps> = ({ appProps }) => {
   }>({
     'demo-customized-menu': { anchorEl: null, open: false },
   });
-  const [sort, setSort] = useState<'name-asc' | 'name-desc' | 'date-desc'>(
-    'date-desc'
+  const [sort, setSort] = useState<'name-asc' | 'name-desc'>(
+    'name-asc'
   );
 
   // Only calculate hasOutOfCatalog when relevant data changes
@@ -206,20 +206,6 @@ export const CatalogGrid: React.FC<CatalogGridProps> = ({ appProps }) => {
                 })
               }
             >
-              <MenuItem
-                sx={{ fontWeight: sort === 'date-desc' ? 'bold' : 'normal' }}
-                onClick={() => {
-                  setOpenMenus({
-                    ...openMenus,
-                    'demo-customized-menu': { anchorEl: null, open: false },
-                  });
-                  setSort('date-desc');
-                }}
-                disableRipple
-              >
-                ⏰ Most Recent
-              </MenuItem>
-              <Divider sx={{ my: 0.5 }} />
               <MenuItem
                 sx={{ fontWeight: sort === 'name-asc' ? 'bold' : 'normal' }}
                 onClick={() => {

src/extension/ui/src/components/tabs/ToolCatalog.tsx

@@ -9,7 +9,7 @@ interface ToolCatalogProps {
   search: string;
   client: v1.DockerDesktopClient;
   showMine: boolean;
-  sort: 'name-asc' | 'name-desc' | 'date-desc';
+  sort: 'name-asc' | 'name-desc';
 }
 
 const ToolCatalog: React.FC<ToolCatalogProps> = ({
@@ -30,15 +30,13 @@ const ToolCatalog: React.FC<ToolCatalogProps> = ({
       return matchesSearch && !hideBecauseItsNotMine;
     });
 
-    return sort !== 'date-desc'
+    return sort === 'name-asc'
       ? filteredItems.sort((a, b) => {
-          if (sort === 'name-asc') {
-            return a.name.localeCompare(b.name);
-          }
-          if (sort === 'name-desc') {
-            return b.name.localeCompare(a.name);
-          }
-          return 0;
+          return a.name.localeCompare(b.name);
+        })
+      : sort === 'name-desc'
+      ? filteredItems.sort((a, b) => {
+          return b.name.localeCompare(a.name);
         })
       : filteredItems;
   }, [catalogItems, search, showMine, sort]);