From 5b2f1e40aa72be4632beddd23d21db53a18abef6 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Fri, 24 Feb 2023 16:46:56 -0800
Subject: [PATCH] Dummy requests in sidebar

---
 src-web/App.tsx                |  4 +++-
 src-web/components/Sidebar.tsx | 12 ++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src-web/App.tsx b/src-web/App.tsx
index 5dfa2072..a5690df0 100644
--- a/src-web/App.tsx
+++ b/src-web/App.tsx
@@ -70,7 +70,9 @@ function App() {
         <Sidebar />
         <Grid cols={2}>
           <VStack className="w-full">
-            <HStack as={WindowDragRegion} items="center" className="pl-3 pr-1.5"></HStack>
+            <HStack as={WindowDragRegion} items="center" className="pl-3 pr-1.5">
+              Test Request
+            </HStack>
             <VStack className="pl-3 px-1.5 py-3" space={3}>
               <UrlBar
                 method={method}
diff --git a/src-web/components/Sidebar.tsx b/src-web/components/Sidebar.tsx
index fd2a2131..5c44527b 100644
--- a/src-web/components/Sidebar.tsx
+++ b/src-web/components/Sidebar.tsx
@@ -19,10 +19,14 @@ export function Sidebar({ className, ...props }: Props) {
         <IconButton size="sm" icon="sun" onClick={toggleTheme} />
       </HStack>
       <ul className="mx-2 py-2">
-        {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => (
-          <li key={i}>
-            <Button className="w-full" size="sm" justify="start">
-              Hello {i}
+        {['Test Request', 'Another Request', 'Something else', 'And Another'].map((v, i) => (
+          <li key={v}>
+            <Button
+              className={classnames('w-full', i === 0 && 'bg-gray-50')}
+              size="sm"
+              justify="start"
+            >
+              {v}
             </Button>
           </li>
         ))}