2022-10-30 22:00:21 -07:00
|
|
|
import SwapForm from './SwapForm'
|
2022-09-12 08:53:57 -07:00
|
|
|
import mangoStore from '@store/mangoStore'
|
2022-09-21 21:25:24 -07:00
|
|
|
import SwapOnboardingTour from '@components/tours/SwapOnboardingTour'
|
|
|
|
import { useWallet } from '@solana/wallet-adapter-react'
|
2022-10-06 20:16:11 -07:00
|
|
|
import SwapInfoTabs from './SwapInfoTabs'
|
2022-10-10 14:15:35 -07:00
|
|
|
import dynamic from 'next/dynamic'
|
2022-11-11 03:24:24 -08:00
|
|
|
import useLocalStorageState from 'hooks/useLocalStorageState'
|
|
|
|
import { IS_ONBOARDED_KEY } from 'utils/constants'
|
2022-10-10 14:15:35 -07:00
|
|
|
const SwapTokenChart = dynamic(() => import('./SwapTokenChart'), { ssr: false })
|
2022-05-31 18:41:18 -07:00
|
|
|
|
2022-09-14 18:06:00 -07:00
|
|
|
const SwapPage = () => {
|
2022-09-21 21:25:24 -07:00
|
|
|
const { connected } = useWallet()
|
2022-09-22 21:00:42 -07:00
|
|
|
const tourSettings = mangoStore((s) => s.settings.tours)
|
2022-11-11 03:24:24 -08:00
|
|
|
const [isOnboarded] = useLocalStorageState(IS_ONBOARDED_KEY)
|
2022-05-31 18:41:18 -07:00
|
|
|
|
|
|
|
return (
|
2022-09-21 21:25:24 -07:00
|
|
|
<>
|
|
|
|
<div className="grid grid-cols-12">
|
2022-10-30 22:00:21 -07:00
|
|
|
<div className="col-span-12 border-th-bkg-3 md:col-span-6 md:border-b lg:col-span-7 xl:col-span-8">
|
2022-11-18 11:11:06 -08:00
|
|
|
<SwapTokenChart />
|
2022-09-21 21:25:24 -07:00
|
|
|
</div>
|
2022-10-30 22:00:21 -07:00
|
|
|
<div className="col-span-12 mt-2 space-y-6 border-th-bkg-3 md:col-span-6 md:mt-0 md:border-b lg:col-span-5 xl:col-span-4">
|
|
|
|
<SwapForm />
|
2022-09-21 21:25:24 -07:00
|
|
|
</div>
|
|
|
|
<div className="col-span-12">
|
2022-10-06 20:16:11 -07:00
|
|
|
<SwapInfoTabs />
|
2022-09-21 21:25:24 -07:00
|
|
|
</div>
|
2022-07-14 18:46:34 -07:00
|
|
|
</div>
|
2022-11-11 03:24:24 -08:00
|
|
|
{!tourSettings?.swap_tour_seen && isOnboarded && connected ? (
|
2022-09-21 21:25:24 -07:00
|
|
|
<SwapOnboardingTour />
|
|
|
|
) : null}
|
|
|
|
</>
|
2022-05-31 18:41:18 -07:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2022-09-14 18:06:00 -07:00
|
|
|
export default SwapPage
|