starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-17 14:29:46 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Remove numbers from recent requests

Browse Source
This commit is contained in:
Gregory Schier
2023-11-04 16:19:21 -07:00
parent f4a071ee05
commit 33d1a84ecd
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src-web/components/RecentRequestsDropdown.tsx
View File

@@ -1,16 +1,15 @@
import classNames from 'classnames';
import { useMemo, useRef } from 'react'; import { useMemo, useRef } from 'react';
import { useKey, useKeyPressEvent } from 'react-use'; import { useKey, useKeyPressEvent } from 'react-use';
import { useActiveEnvironmentId } from '../hooks/useActiveEnvironmentId';
import { useActiveRequest } from '../hooks/useActiveRequest'; import { useActiveRequest } from '../hooks/useActiveRequest';
import { useActiveWorkspaceId } from '../hooks/useActiveWorkspaceId'; import { useActiveWorkspaceId } from '../hooks/useActiveWorkspaceId';
import { useAppRoutes } from '../hooks/useAppRoutes'; import { useAppRoutes } from '../hooks/useAppRoutes';
import { useRecentRequests } from '../hooks/useRecentRequests'; import { useRecentRequests } from '../hooks/useRecentRequests';
import { useRequests } from '../hooks/useRequests'; import { useRequests } from '../hooks/useRequests';
import { Button } from './core/Button'; import { Button } from './core/Button';
import { CountBadge } from './core/CountBadge';
import type { DropdownItem, DropdownRef } from './core/Dropdown'; import type { DropdownItem, DropdownRef } from './core/Dropdown';
import { Dropdown } from './core/Dropdown'; import { Dropdown } from './core/Dropdown';
import classNames from 'classnames';
import { useActiveEnvironmentId } from '../hooks/useActiveEnvironmentId';
export function RecentRequestsDropdown() { export function RecentRequestsDropdown() {
const dropdownRef = useRef<DropdownRef>(null); const dropdownRef = useRef<DropdownRef>(null);
@@ -63,7 +62,7 @@ export function RecentRequestsDropdown() {
recentRequestItems.push({ recentRequestItems.push({
key: request.id, key: request.id,
label: request.name, 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: () => { onSelect: () => {
routes.navigate('request', { routes.navigate('request', {
requestId: request.id, requestId: request.id,

4
src-web/components/Sidebar.tsx
View File

@@ -571,10 +571,10 @@ const SidebarItem = forwardRef(function SidebarItem(
className={classNames( className={classNames(
'w-full flex items-center text-sm h-xs px-2 rounded-md transition-colors', 'w-full flex items-center text-sm h-xs px-2 rounded-md transition-colors',
editing && 'ring-1 focus-within:ring-focus', editing && 'ring-1 focus-within:ring-focus',
isActive && 'bg-highlight text-gray-800', isActive && 'bg-highlightSecondary text-gray-800',
!isActive && !isActive &&
'text-gray-600 group-hover/item:text-gray-800 active:bg-highlightSecondary', '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' && ( {itemModel === 'folder' && (