From 0b2e35bdde6da7535862125683bb9290379ca523 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Wed, 15 Mar 2023 17:25:04 -0700
Subject: [PATCH] Minor style updates

---
 src-tauri/icons/icon.icns              | Bin 616124 -> 616124 bytes
 src-web/components/RequestPane.tsx     |   2 +-
 src-web/components/ResponsePane.tsx    |  14 ++++++--------
 src-web/components/Workspace.tsx       |   1 +
 src-web/components/core/Icon.tsx       |   3 +++
 src-web/components/core/IconButton.tsx |   4 ++++
 src-web/components/core/PairEditor.tsx |   6 ++++--
 7 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src-tauri/icons/icon.icns b/src-tauri/icons/icon.icns
index c3721c3fc1bc43acbb523a3f1aee894a61e57ddb..227dff621370a04cfa89795ebae637bb2831440b 100644
GIT binary patch
delta 84
zcmdmUR&~!=)eR96?ObV0+qu%1KP_ut8_fd5tU$~L#O&MGMsqC8-M(C&h23WJQpNna
m+yC&eEauxBCK15dEVh5U*nY+@%eMQU<j9@7eV#N6I|~5fi6V6X

delta 97
zcmdmUR&~!=)eR96tcDB>oPN_k>aYoKmlI_-<J|r^gDr1vdypLa_8>WqZ_An^B(_IL
zFn(ILJ&}!lG2ixWNt|pf+h6LiaoV(d?`H&JCLm@8VwUaR`&k#{Zg)S*kvA6ry~`wQ

diff --git a/src-web/components/RequestPane.tsx b/src-web/components/RequestPane.tsx
index 06c1cc5d..064a2912 100644
--- a/src-web/components/RequestPane.tsx
+++ b/src-web/components/RequestPane.tsx
@@ -55,7 +55,7 @@ export function RequestPane({ fullHeight, className }: Props) {
         defaultValue="body"
         label="Request body"
       >
-        <TabContent value="headers" className="pl-2">
+        <TabContent value="headers">
           <PairEditor
             key={activeRequest.id}
             pairs={activeRequest.headers}
diff --git a/src-web/components/ResponsePane.tsx b/src-web/components/ResponsePane.tsx
index c653e1d5..22216ac0 100644
--- a/src-web/components/ResponsePane.tsx
+++ b/src-web/components/ResponsePane.tsx
@@ -70,15 +70,13 @@ export const ResponsePane = memo(function ResponsePane({ className }: Props) {
           )}
 
           <HStack alignItems="center" className="ml-auto h-8">
-            <IconButton
-              title={viewMode === 'pretty' ? 'View Raw' : 'View Prettified'}
-              icon={viewMode === 'pretty' ? 'eye' : 'code'}
-              size="sm"
-              className="ml-1"
-              onClick={() => setViewMode((m) => (m === 'pretty' ? 'raw' : 'pretty'))}
-            />
             <Dropdown
               items={[
+                {
+                  label: viewMode === 'pretty' ? 'View Raw' : 'View Prettified',
+                  onSelect: () => setViewMode((m) => (m === 'pretty' ? 'raw' : 'pretty')),
+                },
+                '-----',
                 {
                   label: 'Clear Response',
                   onSelect: deleteResponse.mutate,
@@ -100,7 +98,7 @@ export const ResponsePane = memo(function ResponsePane({ className }: Props) {
               <DropdownMenuTrigger>
                 <IconButton
                   title="Show response history"
-                  icon="clock"
+                  icon="triangleDown"
                   className="ml-auto"
                   size="sm"
                 />
diff --git a/src-web/components/Workspace.tsx b/src-web/components/Workspace.tsx
index af95fa40..1d2d007c 100644
--- a/src-web/components/Workspace.tsx
+++ b/src-web/components/Workspace.tsx
@@ -53,6 +53,7 @@ export default function Workspace() {
             {activeRequest?.name}
           </div>
           <div className="flex-1 flex justify-end -mr-2">
+            <IconButton size="sm" title="" icon="magnifyingGlass" />
             <IconButton size="sm" title="" icon="gear" />
           </div>
         </HStack>
diff --git a/src-web/components/core/Icon.tsx b/src-web/components/core/Icon.tsx
index d800d6e8..ae58ae0e 100644
--- a/src-web/components/core/Icon.tsx
+++ b/src-web/components/core/Icon.tsx
@@ -23,6 +23,7 @@ import {
   UpdateIcon,
   RowsIcon,
   MagicWandIcon,
+  MagnifyingGlassIcon,
 } from '@radix-ui/react-icons';
 import classnames from 'classnames';
 
@@ -50,7 +51,9 @@ const icons = {
   triangleRight: TriangleRightIcon,
   update: UpdateIcon,
   magicWand: MagicWandIcon,
+  magnifyingGlass: MagnifyingGlassIcon,
   x: Cross2Icon,
+  empty: () => <span />,
 };
 
 export interface IconProps {
diff --git a/src-web/components/core/IconButton.tsx b/src-web/components/core/IconButton.tsx
index 6b46d3c0..069bd001 100644
--- a/src-web/components/core/IconButton.tsx
+++ b/src-web/components/core/IconButton.tsx
@@ -22,6 +22,7 @@ export const IconButton = forwardRef<HTMLButtonElement, Props>(function IconButt
     onClick,
     className,
     iconClassName,
+    tabIndex,
     size = 'md',
     iconSize,
     ...props
@@ -32,6 +33,9 @@ export const IconButton = forwardRef<HTMLButtonElement, Props>(function IconButt
   return (
     <Button
       ref={ref}
+      aria-hidden={icon === 'empty'}
+      disabled={icon === 'empty'}
+      tabIndex={tabIndex ?? icon === 'empty' ? -1 : undefined}
       onClick={(e) => {
         if (showConfirm) setConfirmed();
         onClick?.(e);
diff --git a/src-web/components/core/PairEditor.tsx b/src-web/components/core/PairEditor.tsx
index b7005a92..3e30c703 100644
--- a/src-web/components/core/PairEditor.tsx
+++ b/src-web/components/core/PairEditor.tsx
@@ -95,7 +95,7 @@ function FormRow({
 }) {
   const { id } = pairContainer;
   return (
-    <div className="group grid grid-cols-[1fr_1fr_2.5rem] grid-rows-1 gap-2 items-center">
+    <div className="group grid grid-cols-[1fr_1fr_auto] grid-rows-1 gap-2 items-center">
       <Input
         hideLabel
         containerClassName={classnames(isLast && 'border-dashed')}
@@ -118,7 +118,7 @@ function FormRow({
         placeholder={isLast ? 'new value' : 'value'}
         useEditor={{ useTemplating: true, contentType: 'text/plain' }}
       />
-      {onDelete && (
+      {onDelete ? (
         <IconButton
           icon="trash"
           title="Delete header"
@@ -126,6 +126,8 @@ function FormRow({
           tabIndex={-1}
           className={classnames('opacity-0 group-hover:opacity-100')}
         />
+      ) : (
+        <IconButton title="" icon="empty" />
       )}
     </div>
   );