From 18ea9dda3d744161cac75f3f31929cc7dbe3dc76 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Thu, 18 Jan 2024 20:40:56 -0800
Subject: [PATCH] Fix URLBar expanded state inner buttons

---
 src-web/components/UrlBar.tsx                                 | 4 ++--
 src-web/components/core/Input.tsx                             | 2 +-
 src-web/components/responseViewers/TextViewer.tsx             | 4 ++--
 .../hooks/{useDebouncedSetState.ts => useDebouncedState.ts}   | 2 +-
 src-web/hooks/useDebouncedValue.ts                            | 4 ++--
 5 files changed, 8 insertions(+), 8 deletions(-)
 rename src-web/hooks/{useDebouncedSetState.ts => useDebouncedState.ts} (91%)

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
           <RequestMethodDropdown
             method={method}
             onChange={handleMethodChange}
-            className="!h-auto mx-0.5 my-0.5"
+            className="mx-0.5 my-0.5"
           />
         }
         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<HTMLInputElement>,
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<string>('', 400);
+  const [filterText, setDebouncedFilterText, setFilterText] = useDebouncedState<string>('', 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<T>(
+export function useDebouncedState<T>(
   defaultValue: T,
   delay?: number,
 ): [T, Dispatch<SetStateAction<T>>, Dispatch<SetStateAction<T>>] {
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<T>(value: T, delay?: number) {
-  const [state, setState] = useDebouncedSetState<T>(value, delay);
+  const [state, setState] = useDebouncedState<T>(value, delay);
   useEffect(() => setState(value), [setState, value]);
   return state;
 }