From 51fba383a3e9b197d716382e1e7b1a52b2096ac6 Mon Sep 17 00:00:00 2001
From: Nicholas Barnett <n-barnett@hotmail.com>
Date: Wed, 29 Jan 2025 15:49:29 -0600
Subject: [PATCH] feat: wp

---
 src/app/_components/NewNavBar/MobileNav.tsx       | 2 +-
 src/app/_components/NewNavBar/NavBar.tsx          | 6 +++++-
 src/app/_components/NewNavBar/SettingsPopover.tsx | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/_components/NewNavBar/MobileNav.tsx b/src/app/_components/NewNavBar/MobileNav.tsx
index d8aa9d633..3334bd1a0 100644
--- a/src/app/_components/NewNavBar/MobileNav.tsx
+++ b/src/app/_components/NewNavBar/MobileNav.tsx
@@ -57,7 +57,7 @@ export function MobileNav({
       overflow="scroll"
     >
       <Flex justifyContent={'space-between'} alignItems={'center'} height={10}>
-        <Logo color="surfaceOpposite" />
+        <Logo color="surfaceOpposite" size={10} />
         <IconButton onClick={close} aria-label={'Close menu'}>
           <Icon h={6} w={6} color="surfaceOpposite">
             <X />
diff --git a/src/app/_components/NewNavBar/NavBar.tsx b/src/app/_components/NewNavBar/NavBar.tsx
index cbf03cc8d..455669968 100644
--- a/src/app/_components/NewNavBar/NavBar.tsx
+++ b/src/app/_components/NewNavBar/NavBar.tsx
@@ -1,6 +1,7 @@
 'use client';
 
-import { Flex } from '@chakra-ui/react';
+import { Input } from '@/ui/Input';
+import { Box, Flex } from '@chakra-ui/react';
 
 import { TokenPrice } from '../../../common/types/tokenPrice';
 import { FeePopover } from './FeePopover';
@@ -15,6 +16,9 @@ export function NavBar({ tokenPrice }: { tokenPrice: TokenPrice }) {
         <Logo size={10} />
         <PagesSlidingMenu width={50} />
       </Flex>
+      <Box flexGrow={1} flexShrink={1} maxWidth="474px">
+        <Input placeholder="Search" bg="surfaceSecondary" />
+      </Box>
       <Flex gap={4}>
         <FeePopover />
         <SettingsPopover />
diff --git a/src/app/_components/NewNavBar/SettingsPopover.tsx b/src/app/_components/NewNavBar/SettingsPopover.tsx
index a18001e27..bece674e9 100644
--- a/src/app/_components/NewNavBar/SettingsPopover.tsx
+++ b/src/app/_components/NewNavBar/SettingsPopover.tsx
@@ -15,7 +15,7 @@ export const SettingsPopover = () => {
       id="settings-popover"
       positioning={{
         placement: 'bottom-end',
-        gutter: 0,
+        gutter: 4,
       }}
       open={open}
       onOpenChange={e => setOpen(e.open)}