67 lines
1.9 KiB
TypeScript
67 lines
1.9 KiB
TypeScript
import React from 'react'
|
|
import Modal from './Modal'
|
|
import Button from './Button'
|
|
import useLocalStorageState from '../hooks/useLocalStorageState'
|
|
|
|
export const ALPHA_MODAL_KEY = 'mangoAlphaAccepted-3.06'
|
|
|
|
const AlphaModal = ({
|
|
isOpen,
|
|
onClose,
|
|
}: {
|
|
isOpen: boolean
|
|
onClose?: (x) => void
|
|
}) => {
|
|
const [, setAlphaAccepted] = useLocalStorageState(ALPHA_MODAL_KEY, false)
|
|
|
|
const handleAccept = () => {
|
|
setAlphaAccepted(true)
|
|
}
|
|
|
|
return (
|
|
<Modal isOpen={isOpen} onClose={onClose} hideClose>
|
|
<Modal.Header>
|
|
<div className="flex flex-col items-center">
|
|
<div className="flex space-x-8 items-center justify-center ">
|
|
<img
|
|
className={`h-12 w-auto`}
|
|
src="/assets/icons/logo.svg"
|
|
alt="next"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Modal.Header>
|
|
<div className={`text-th-fgd-2 text-center text-xl text-strong`}>
|
|
Welcome to Mango V3
|
|
</div>
|
|
<div className="text-th-fgd-2 text-center my-4">
|
|
The V3 protocol is in public beta. This is unaudited software, use at
|
|
your own risk.
|
|
</div>
|
|
<div className="text-th-fgd-2 text-center my-4">
|
|
V3 is a new and separate program from V2. You can access your V2 account
|
|
in the "More" section of the top bar or by using this link:{' '}
|
|
<a
|
|
href="https://v2.mango.markets"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
https://v2.mango.markets
|
|
</a>
|
|
</div>
|
|
<div className="text-th-fgd-2 text-center my-2">
|
|
🙂 🥭🤝
|
|
</div>
|
|
<div className={`text-th-fgd-2 text-center`}>
|
|
<div className={`mt-4 flex justify-center`}>
|
|
<Button onClick={handleAccept}>
|
|
<div className={`flex items-center`}>Accept</div>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
export default React.memo(AlphaModal)
|