feat: improve Orderbook UI and buy/sell orders

.env.beta

@@ -6,7 +6,6 @@ REACT_APP__CHAIN_PRETTY_NAME=Neutron
 
 # App settings
 REACT_APP__DEFAULT_PAIR=NEWT/NTRN
-REACT_APP__HIDE_ORDERBOOK=1
 
 # Chain data sources
 REACT_APP__INDEXER_API=https://indexer.beta.duality.xyz

package.json

@@ -22,6 +22,7 @@
     "@chain-registry/client": "^1.18.0",
     "@chain-registry/keplr": "^1.30.0",
     "@chain-registry/utils": "^1.17.0",
+    "@cosmjs/amino": "0.31.1",
     "@cosmjs/crypto": "0.31.1",
     "@cosmjs/proto-signing": "0.31.1",
     "@cosmjs/stargate": "0.31.1",

src/components/Header/routes.ts

@@ -1,13 +1,9 @@
-const { REACT_APP__DEFAULT_PAIR = '', REACT_APP__HIDE_ORDERBOOK = '' } =
-  import.meta.env;
+const { REACT_APP__DEFAULT_PAIR = '' } = import.meta.env;
 
 export const pageLinkMap = {
   [['/swap', REACT_APP__DEFAULT_PAIR].join('/')]: 'Swap',
   '/pools': 'Pools',
-  // conditionally add the orderbook in
-  ...(!REACT_APP__HIDE_ORDERBOOK && {
-    [['/orderbook', REACT_APP__DEFAULT_PAIR].join('/')]: 'Orderbook',
-  }),
+  [['/orderbook', REACT_APP__DEFAULT_PAIR].join('/')]: 'Orderbook',
   '/portfolio': 'Portfolio',
   '/bridge': 'Bridge',
   'https://duality.gitbook.io/duality-documentation/user-interface': 'Docs',

src/components/TokenPairLogos/TokenPairLogos.tsx

@@ -42,12 +42,12 @@ function TokenLogo({
 const tokenSwitchDelayMs = 800;
 export default function TokenPairLogos({
   className,
-  tokenA,
-  tokenB,
+  tokenLeft: tokenA,
+  tokenRight: tokenB,
 }: {
   className?: string;
-  tokenA?: Token;
-  tokenB?: Token;
+  tokenLeft?: Token;
+  tokenRight?: Token;
 }) {
   const timeoutRef = useRef<NodeJS.Timeout | null>(null);
   const [previousTokenA, setPreviousTokenA] = useState(tokenA);