diff --git a/components/AlphaModal.tsx b/components/AlphaModal.tsx new file mode 100644 index 0000000..e940392 --- /dev/null +++ b/components/AlphaModal.tsx @@ -0,0 +1,39 @@ +import React from 'react' +import Modal from './Modal' +import Button from './Button' +import useLocalStorageState from '../hooks/useLocalStorageState' + +const WithdrawModal = ({ + isOpen, + onClose, +}: { + isOpen: boolean + onClose?: (x) => void +}) => { + const [, setAlphaAccepted] = useLocalStorageState('mangoAlphaAccepted', false) + + return ( + + +
+ Mango Markets UI V2 +
+
+
+
+ This is an unaudited alpha release of Mango Markets. The software is + provided 'AS IS' without warranty of any kind. +
+
+ +
+
+
+ ) +} + +export default React.memo(WithdrawModal) diff --git a/pages/index.tsx b/pages/index.tsx index 2c8909a..25201a0 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -4,8 +4,11 @@ import TradePageGrid from '../components/TradePageGrid' import MarketSelect from '../components/MarketSelect' import useHydrateStore from '../hooks/useHydrateStore' import useWallet from '../hooks/useWallet' +import AlphaModal from '../components/AlphaModal' +import useLocalStorageState from '../hooks/useLocalStorageState' const Index = () => { + const [alphaAccepted] = useLocalStorageState('mangoAlphaAccepted', false) useHydrateStore() useWallet() @@ -17,6 +20,9 @@ const Index = () => { + {!alphaAccepted && ( + {}} /> + )} ) }