diff --git a/src-web/components/EnvironmentActionsDropdown.tsx b/src-web/components/EnvironmentActionsDropdown.tsx
index 60c66bb0..d27d8cc1 100644
--- a/src-web/components/EnvironmentActionsDropdown.tsx
+++ b/src-web/components/EnvironmentActionsDropdown.tsx
@@ -112,25 +112,28 @@ export const EnvironmentActionsDropdown = memo(function EnvironmentActionsDropdo
},
];
}, [
- // deleteEnvironment.mutate,
activeEnvironment,
createEnvironment,
+ deleteEnvironment,
dialog,
environments,
prompt,
- updateEnvironment,
- deleteEnvironment,
routes,
+ updateEnvironment,
]);
return (
);
diff --git a/src-web/components/RecentRequestsDropdown.tsx b/src-web/components/RecentRequestsDropdown.tsx
index e7a416ec..2b2f4c36 100644
--- a/src-web/components/RecentRequestsDropdown.tsx
+++ b/src-web/components/RecentRequestsDropdown.tsx
@@ -9,6 +9,7 @@ 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';
export function RecentRequestsDropdown() {
const dropdownRef = useRef(null);
@@ -18,8 +19,16 @@ export function RecentRequestsDropdown() {
const requests = useRequests();
const routes = useAppRoutes();
+ // Toggle the menu on Cmd+k
+ useKey('k', (e) => {
+ if (e.metaKey) {
+ e.preventDefault();
+ dropdownRef.current?.toggle(0);
+ }
+ });
+
+ // Handle key-up
useKeyPressEvent('Control', undefined, () => {
- // Key up
dropdownRef.current?.select?.();
});
@@ -29,8 +38,8 @@ export function RecentRequestsDropdown() {
if (!e.ctrlKey || recentRequestIds.length === 0) return;
if (!dropdownRef.current?.isOpen) {
- // Set to 1 because the first item is the active request
dropdownRef.current?.open(e.shiftKey ? -1 : 0);
+ return;
}
if (e.shiftKey) dropdownRef.current?.prev?.();
@@ -72,9 +81,11 @@ export function RecentRequestsDropdown() {
return (
diff --git a/src-web/components/Sidebar.tsx b/src-web/components/Sidebar.tsx
index 7dbb880c..3584f0ed 100644
--- a/src-web/components/Sidebar.tsx
+++ b/src-web/components/Sidebar.tsx
@@ -162,7 +162,7 @@ export const Sidebar = memo(function Sidebar({ className }: Props) {
)}
>
(null);
const sendRequest = useSendRequest(requestId);
const updateRequest = useUpdateRequest(requestId);
+ const [isFocused, setIsFocused] = useState(false);
const handleMethodChange = useCallback(
(method: string) => updateRequest.mutate({ method }),
[updateRequest],
@@ -47,7 +48,7 @@ export const UrlBar = memo(function UrlBar({ id: requestId, url, method, classNa