diff --git a/src-web/components/UrlBar.tsx b/src-web/components/UrlBar.tsx
index b61094d6..a0daf531 100644
--- a/src-web/components/UrlBar.tsx
+++ b/src-web/components/UrlBar.tsx
@@ -71,7 +71,7 @@ export const UrlBar = memo(function UrlBar({ id: requestId, url, method, classNa
}
rightSlot={
@@ -80,7 +80,7 @@ export const UrlBar = memo(function UrlBar({ id: requestId, url, method, classNa
iconSize="md"
title="Send Request"
type="submit"
- className="!h-auto w-8 mr-0.5 my-0.5"
+ className="w-8 mr-0.5 my-0.5"
icon={loading ? 'update' : 'sendHorizontal'}
spin={loading}
hotkeyAction="request.send"
diff --git a/src-web/components/core/Input.tsx b/src-web/components/core/Input.tsx
index 78fcb71e..dca68a07 100644
--- a/src-web/components/core/Input.tsx
+++ b/src-web/components/core/Input.tsx
@@ -5,7 +5,7 @@ import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
import type { EditorProps } from './Editor';
import { Editor } from './Editor';
import { IconButton } from './IconButton';
-import { HStack, VStack } from './Stacks';
+import { HStack } from './Stacks';
export type InputProps = Omit<
HTMLAttributes,
diff --git a/src-web/components/responseViewers/TextViewer.tsx b/src-web/components/responseViewers/TextViewer.tsx
index 5d2a0147..7cad80c2 100644
--- a/src-web/components/responseViewers/TextViewer.tsx
+++ b/src-web/components/responseViewers/TextViewer.tsx
@@ -1,7 +1,7 @@
import classNames from 'classnames';
import type { ReactNode } from 'react';
import { useCallback, useMemo } from 'react';
-import { useDebouncedSetState } from '../../hooks/useDebouncedSetState';
+import { useDebouncedState } from '../../hooks/useDebouncedState';
import { useFilterResponse } from '../../hooks/useFilterResponse';
import { useResponseBodyText } from '../../hooks/useResponseBodyText';
import { useResponseContentType } from '../../hooks/useResponseContentType';
@@ -19,7 +19,7 @@ interface Props {
export function TextViewer({ response, pretty }: Props) {
const [isSearching, toggleIsSearching] = useToggle();
- const [filterText, setDebouncedFilterText, setFilterText] = useDebouncedSetState('', 400);
+ const [filterText, setDebouncedFilterText, setFilterText] = useDebouncedState('', 400);
const contentType = useResponseContentType(response);
const rawBody = useResponseBodyText(response) ?? '';
diff --git a/src-web/hooks/useDebouncedSetState.ts b/src-web/hooks/useDebouncedState.ts
similarity index 91%
rename from src-web/hooks/useDebouncedSetState.ts
rename to src-web/hooks/useDebouncedState.ts
index d9ded2db..cf71a868 100644
--- a/src-web/hooks/useDebouncedSetState.ts
+++ b/src-web/hooks/useDebouncedState.ts
@@ -2,7 +2,7 @@ import type { Dispatch, SetStateAction } from 'react';
import { useMemo, useState } from 'react';
import { debounce } from '../lib/debounce';
-export function useDebouncedSetState(
+export function useDebouncedState(
defaultValue: T,
delay?: number,
): [T, Dispatch>, Dispatch>] {
diff --git a/src-web/hooks/useDebouncedValue.ts b/src-web/hooks/useDebouncedValue.ts
index 65a0c4cb..39cb7d53 100644
--- a/src-web/hooks/useDebouncedValue.ts
+++ b/src-web/hooks/useDebouncedValue.ts
@@ -1,8 +1,8 @@
import { useEffect } from 'react';
-import { useDebouncedSetState } from './useDebouncedSetState';
+import { useDebouncedState } from './useDebouncedState';
export function useDebouncedValue(value: T, delay?: number) {
- const [state, setState] = useDebouncedSetState(value, delay);
+ const [state, setState] = useDebouncedState(value, delay);
useEffect(() => setState(value), [setState, value]);
return state;
}