switch to contract for long deposits

This commit is contained in:
Maximilian Schneider 2021-07-20 16:09:59 +02:00
parent 09b927ff41
commit e8c07cc91e
7 changed files with 35 additions and 66 deletions

View File

@ -2,21 +2,21 @@ import GradientText from './GradientText'
const HeroSection = () => {
return (
<section className="">
<div className="container px-4 mx-auto">
<div className="relative pt-12 md:pt-48 pb-32 lg:pb-48">
<div className="max-w-2xl mb-16 mx-auto text-center">
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
Join the{' '}<GradientText>Mango DAO</GradientText> and help build the ecosystem.
</h2>
<p className="mb-8 text-2xl text-gray-400">
The Mango DAO is an experiment in self governance that aims to
build a completely decentralzied financial ecosystem.
</p>
</div>
<div className="container px-4 mx-auto">
<div className="relative pt-12 md:pt-48 pb-32 lg:pb-48">
<div className="max-w-2xl mb-16 mx-auto text-center">
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
Join the <GradientText>Mango DAO</GradientText> and help build the
ecosystem.
</h2>
<p className="mb-8 text-2xl text-gray-400">
The Mango DAO is an experiment in self governance that aims to
build a completely decentralzied financial ecosystem.
</p>
</div>
</div>
</section>
</div>
</section>
)
}

View File

@ -1,13 +1,13 @@
import Button from "./Button"
import PoolInfoCards from "./PoolInfoCards"
import Link from './Link'
import PoolInfoCards from './PoolInfoCards'
const LandingContent = () => {
return (
<div className="bg-bkg-2 transform -skew-y-3 pt-12 lg:pb-48 lg:mb-48 z-0">
<div className="max-w-7xl mx-auto px-4 py-40 transform skew-y-3">
<div>
<PoolInfoCards />
</div>
<div>
<PoolInfoCards />
</div>
<div className="max-w-2xl mb-16 mx-auto text-center">
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
It is still the early days.
@ -64,8 +64,8 @@ const LandingContent = () => {
Mango Governance tokens ($MNGO) will serve as the incentive for
those who can proove their work is useful to the DAO.
</p>
<Button>Check out the whitepaper</Button>
<Link>Check out the whitepaper</Link>
<p className="text-white leading-relaxed py-4">
<span className="text-yellow-300">$MNGO</span> were only provided
to developers who helped to build out the protocol.
@ -111,8 +111,13 @@ const LandingContent = () => {
<p className="text-white text-opacity-50 text-base">
The event will span over a 2 day period split into two
sections,{' '}
<span className="text-secondary-1-light italic">Unrestricted</span>{' '}
and <span className="text-secondary-2-light italic">Restricted</span>
<span className="text-secondary-1-light italic">
Unrestricted
</span>{' '}
and{' '}
<span className="text-secondary-2-light italic">
Restricted
</span>
.
</p>
<div className="flex flex-wrap overflow-hiddenm mt-8">
@ -131,7 +136,9 @@ const LandingContent = () => {
<div className="w-full overflow-hidden lg:w-1/2">
<p>
<span className="text-secondary-2-light italic">Restricted</span>
<span className="text-secondary-2-light italic">
Restricted
</span>
</p>
<p>
After 24 hours deposits will be restricted and only

View File

@ -39,7 +39,7 @@ const Link: FunctionComponent<LinkProps> = ({
}) => {
return (
<StyledButton
className={`${className} pr-5 flex z-10 px-8 py-2 text-fgd-1 relative rounded-full`}
className={`${className} pr-5 flex z-10 py-2 text-fgd-1 relative rounded-full`}
{...props}
>
{children}

View File

@ -1,21 +1,19 @@
import ContributionModal from '../components/ContributionModal'
import FooterSection from '../components/FooterSection'
import PoolInfoCards from '../components/PoolInfoCards'
import HeroSection from '../components/HeroSection'
import LandingContent from '../components/LandingContent'
import NavBarBeta from '../components/NavBarBeta'
const ContributionPage = () => {
return (
<>
<NavBarBeta />
<HeroSection />
<PoolInfoCards />
<LandingContent />
<div className="flex justify-center">
<div className="max-w-screen-md grid grid-cols-12 gap-4 w-full">
<ContributionModal />
</div>
</div>
<FooterSection />
</>
)
}

View File

@ -1,16 +0,0 @@
<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.99951 0C4.44723 0 3.99951 0.447715 3.99951 1C3.99951 1.55228 4.44723 2 4.99951 2H6.99951C7.5518 2 7.99951 1.55228 7.99951 1C7.99951 0.447715 7.5518 0 6.99951 0H4.99951Z" fill="url(#paint0_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-0.000488281 3C-0.000488281 1.89543 0.894942 1 1.99951 1C1.99951 2.65685 3.34266 4 4.99951 4H6.99951C8.65637 4 9.99951 2.65685 9.99951 1C11.1041 1 11.9995 1.89543 11.9995 3V14C11.9995 15.1046 11.1041 16 9.99951 16H1.99951C0.894943 16 -0.000488281 15.1046 -0.000488281 14V3ZM2.99951 7C2.44723 7 1.99951 7.44772 1.99951 8C1.99951 8.55229 2.44723 9 2.99951 9H3.00951C3.5618 9 4.00951 8.55229 4.00951 8C4.00951 7.44772 3.5618 7 3.00951 7H2.99951ZM5.99951 7C5.44723 7 4.99951 7.44772 4.99951 8C4.99951 8.55229 5.44723 9 5.99951 9H8.99951C9.5518 9 9.99951 8.55229 9.99951 8C9.99951 7.44772 9.5518 7 8.99951 7H5.99951ZM2.99951 11C2.44723 11 1.99951 11.4477 1.99951 12C1.99951 12.5523 2.44723 13 2.99951 13H3.00951C3.5618 13 4.00951 12.5523 4.00951 12C4.00951 11.4477 3.5618 11 3.00951 11H2.99951ZM5.99951 11C5.44723 11 4.99951 11.4477 4.99951 12C4.99951 12.5523 5.44723 13 5.99951 13H8.99951C9.5518 13 9.99951 12.5523 9.99951 12C9.99951 11.4477 9.5518 11 8.99951 11H5.99951Z" fill="url(#paint1_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-4.00049" y1="-0.5" x2="12.4995" y2="16.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#E54033"/>
<stop offset="0.526042" stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="-4.00049" y1="-0.5" x2="12.4995" y2="16.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#E54033"/>
<stop offset="0.526042" stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -1,21 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2775CA;}
.st1{fill:#FFFFFF;}
</style>
<g>
<circle class="st0" cx="12" cy="12" r="12"/>
<path class="st1" d="M9.8,20.3c0,0.3-0.2,0.4-0.5,0.4C5.6,19.5,3,16.1,3,12.1c0-4,2.6-7.4,6.3-8.6c0.3-0.1,0.5,0.1,0.5,0.4v0.7
c0,0.2-0.1,0.4-0.3,0.5c-2.9,1.1-4.9,3.8-4.9,7c0,3.2,2.1,6,4.9,7c0.2,0.1,0.3,0.3,0.3,0.5V20.3z"/>
<path class="st1" d="M12.8,17.8c0,0.2-0.2,0.4-0.4,0.4h-0.8c-0.2,0-0.4-0.2-0.4-0.4v-1.2c-1.6-0.2-2.4-1.1-2.7-2.4
c0-0.2,0.1-0.4,0.3-0.4h0.9c0.2,0,0.3,0.1,0.4,0.3c0.2,0.7,0.6,1.3,1.9,1.3c1,0,1.7-0.5,1.7-1.3c0-0.8-0.4-1.1-1.8-1.3
c-2.1-0.3-3.1-0.9-3.1-2.6c0-1.3,1-2.3,2.4-2.5V6.5c0-0.2,0.2-0.4,0.4-0.4h0.8c0.2,0,0.4,0.2,0.4,0.4v1.2c1.2,0.2,2,0.9,2.2,2
c0,0.2-0.1,0.4-0.3,0.4h-0.8c-0.2,0-0.3-0.1-0.4-0.3c-0.2-0.7-0.7-1-1.6-1c-1,0-1.5,0.5-1.5,1.2c0,0.7,0.3,1.1,1.8,1.3
c2.1,0.3,3.1,0.9,3.1,2.6c0,1.3-1,2.4-2.5,2.7V17.8z"/>
<path class="st1" d="M14.7,20.7c-0.3,0.1-0.5-0.1-0.5-0.4v-0.7c0-0.2,0.1-0.4,0.3-0.5c2.9-1.1,4.9-3.8,4.9-7c0-3.2-2.1-6-4.9-7
c-0.2-0.1-0.3-0.3-0.3-0.5V3.9c0-0.3,0.2-0.4,0.5-0.4c3.6,1.2,6.3,4.6,6.3,8.6C21,16.1,18.4,19.5,14.7,20.7z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -35,7 +35,8 @@ export const ENDPOINTS: EndpointInfo[] = [
url: 'https://api.devnet.solana.com',
websocket: 'https://api.devnet.solana.com',
programId: '2oBtRS2AAQfsMxXQfg41fKFY9zjvHwSSD7G5idrCFziV',
poolKey: '82ndgp58GXpwuLrEc9svHFdhiEsPaZoNUEWwgc79WHqk',
// poolKey: '82ndgp58GXpwuLrEc9svHFdhiEsPaZoNUEWwgc79WHqk', // already over
poolKey: '5heMyYtJK1Us9Hx2w6s5rLDNj8RufeyCR1ZUJAVFLQL7', // long deposits
},
{
name: 'localnet',