From 33d1a84ecddcf09d25844e04e3636ce5fac84d2b Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 4 Nov 2023 16:19:21 -0700
Subject: [PATCH] Remove numbers from recent requests

---
 src-web/components/RecentRequestsDropdown.tsx | 7 +++----
 src-web/components/Sidebar.tsx                | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src-web/components/RecentRequestsDropdown.tsx b/src-web/components/RecentRequestsDropdown.tsx
index e9ca20af..413efb60 100644
--- a/src-web/components/RecentRequestsDropdown.tsx
+++ b/src-web/components/RecentRequestsDropdown.tsx
@@ -1,16 +1,15 @@
+import classNames from 'classnames';
 import { useMemo, useRef } from 'react';
 import { useKey, useKeyPressEvent } from 'react-use';
+import { useActiveEnvironmentId } from '../hooks/useActiveEnvironmentId';
 import { useActiveRequest } from '../hooks/useActiveRequest';
 import { useActiveWorkspaceId } from '../hooks/useActiveWorkspaceId';
 import { useAppRoutes } from '../hooks/useAppRoutes';
 import { useRecentRequests } from '../hooks/useRecentRequests';
 import { useRequests } from '../hooks/useRequests';
 import { Button } from './core/Button';
-import { CountBadge } from './core/CountBadge';
 import type { DropdownItem, DropdownRef } from './core/Dropdown';
 import { Dropdown } from './core/Dropdown';
-import classNames from 'classnames';
-import { useActiveEnvironmentId } from '../hooks/useActiveEnvironmentId';
 
 export function RecentRequestsDropdown() {
   const dropdownRef = useRef<DropdownRef>(null);
@@ -63,7 +62,7 @@ export function RecentRequestsDropdown() {
       recentRequestItems.push({
         key: request.id,
         label: request.name,
-        leftSlot: <CountBadge className="!ml-0 px-0 w-5" count={recentRequestItems.length + 1} />,
+        // leftSlot: <CountBadge className="!ml-0 px-0 w-5" count={recentRequestItems.length + 1} />,
         onSelect: () => {
           routes.navigate('request', {
             requestId: request.id,
diff --git a/src-web/components/Sidebar.tsx b/src-web/components/Sidebar.tsx
index 9c513a3c..22fe33fb 100644
--- a/src-web/components/Sidebar.tsx
+++ b/src-web/components/Sidebar.tsx
@@ -571,10 +571,10 @@ const SidebarItem = forwardRef(function SidebarItem(
           className={classNames(
             'w-full flex items-center text-sm h-xs px-2 rounded-md transition-colors',
             editing && 'ring-1 focus-within:ring-focus',
-            isActive && 'bg-highlight text-gray-800',
+            isActive && 'bg-highlightSecondary text-gray-800',
             !isActive &&
               'text-gray-600 group-hover/item:text-gray-800 active:bg-highlightSecondary',
-            selected && useProminentStyles && '!bg-violet-500/20 text-gray-900',
+            selected && useProminentStyles && '!bg-violet-400/20 text-gray-950',
           )}
         >
           {itemModel === 'folder' && (