multiple pools

cryptoalgebra · Jan 31, 2024 · 79836eb · 79836eb
1 parent 93b2142
commit 79836eb
Show file tree

Hide file tree

Showing 4 changed files with 717 additions and 33 deletions.
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@apollo/client": "^3.8.4",
     "@cryptoalgebra/integral-sdk": "^0.11.6",
+    "@cryptoalgebra/router-2": "^1.0.2",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-hover-card": "^1.0.7",
@@ -24,6 +25,7 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
     "@tanstack/react-table": "^8.10.4",
+    "@uniswap/smart-order-router": "^3.21.0",
     "@web3modal/wagmi": "^3.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",

diff --git a/src/components/swap/IntegralPools/index.tsx b/src/components/swap/IntegralPools/index.tsx
@@ -7,7 +7,7 @@ import { useCurrency } from "@/hooks/common/useCurrency"
 import { usePoolPlugins } from "@/hooks/pools/usePoolPlugins"
 import { useDerivedSwapInfo, useSwapState } from "@/state/swapStore"
 import { SwapField } from "@/types/swap-field"
-// import { ChevronDownIcon } from "lucide-react"
+import { ChevronDownIcon } from "lucide-react"
 import { memo, useState } from "react"
 import { Address } from "wagmi"
 
@@ -33,16 +33,16 @@ const IntegralPools = () => {
 
             <Popover open={isOpen} >
                 <PopoverTrigger
-                    // onMouseDown={() => setIsOpen(v => !v)}
+                    onMouseDown={() => setIsOpen(v => !v)}
                     className="flex items-center gap-4 w-fit py-2 px-4 rounded-2xl border-card-border duration-200">
                     <div className="flex">
                         <CurrencyLogo currency={currencyA} size={25} />
                         <CurrencyLogo currency={currencyB} size={25} style={{ marginLeft: '-8px' }} />
                     </div>
                     <div className="text-md md:text-lg font-semibold">{title}</div>
-                    {/* <div>
+                    <div>
                         <ChevronDownIcon size={20} className={`duration-300 ${isOpen ? 'rotate-180' : ''}`} />
-                    </div> */}
+                    </div>
                 </PopoverTrigger>
 
                 <PopoverContent className="bg-card rounded-3xl border border-card-border" onPointerDownOutside={() => setTimeout(() => setIsOpen(false), 0)}>

diff --git a/src/pages/Pools/index.tsx b/src/pages/Pools/index.tsx
@@ -1,7 +1,7 @@
 import PageContainer from "@/components/common/PageContainer"
 import PageTitle from "@/components/common/PageTitle"
 import PoolsList from "@/components/pools/PoolsList"
-// import { CreatePoolModal } from "@/components/modals/CreatePoolModal"
+import { CreatePoolModal } from "@/components/modals/CreatePoolModal"
 
 const PoolsPage = () => {
 
@@ -10,7 +10,7 @@ const PoolsPage = () => {
 
         <div className="w-full flex justify-between">
             <PageTitle title={'Pools'} showSettings={false} />
-            {/* <CreatePoolModal/> */}
+            <CreatePoolModal/>
         </div>
 
         <div className="w-full lg:gap-8 mt-8 lg:mt-16">