From b046769d27787cc8278b858b9d14d05249d192ca Mon Sep 17 00:00:00 2001
From: clintonbembryjr <clintonbembryjr@gmail.com>
Date: Wed, 12 Aug 2020 10:17:46 -0700
Subject: [PATCH] deposits disabled modal

---
 .../Farm/components/DepositsDisabledModal.tsx | 23 +++++++++++++++++++
 yam-www/src/views/Farm/components/Stake.tsx   |  7 +++++-
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 yam-www/src/views/Farm/components/DepositsDisabledModal.tsx

diff --git a/yam-www/src/views/Farm/components/DepositsDisabledModal.tsx b/yam-www/src/views/Farm/components/DepositsDisabledModal.tsx
new file mode 100644
index 00000000..69dc0fae
--- /dev/null
+++ b/yam-www/src/views/Farm/components/DepositsDisabledModal.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+
+import Button from '../../../components/Button'
+import Modal, { ModalProps } from '../../../components/Modal'
+import ModalActions from '../../../components/ModalActions'
+import ModalTitle from '../../../components/ModalTitle'
+
+interface DepositModalProps extends ModalProps {
+}
+
+const DepositModal: React.FC<DepositModalProps> = ({ onDismiss }) => {
+  return (
+    <Modal>
+      <ModalTitle text={`Deposits Disabled`} />
+      <p>Deposits are temporarily disabled.</p>
+      <ModalActions>
+        <Button text="Confirm" onClick={onDismiss} />
+      </ModalActions>
+    </Modal>
+  )
+}
+
+export default DepositModal
\ No newline at end of file
diff --git a/yam-www/src/views/Farm/components/Stake.tsx b/yam-www/src/views/Farm/components/Stake.tsx
index 42c42717..582ff716 100644
--- a/yam-www/src/views/Farm/components/Stake.tsx
+++ b/yam-www/src/views/Farm/components/Stake.tsx
@@ -23,6 +23,7 @@ import useUnstake from '../../../hooks/useUnstake'
 import { getDisplayBalance } from '../../../utils/formatBalance'
 
 import DepositModal from './DepositModal'
+import DepositsDisabledModal from './DepositsDisabledModal'
 import WithdrawModal from './WithdrawModal'
 
 interface StakeProps {
@@ -55,6 +56,10 @@ const Stake: React.FC<StakeProps> = ({
       tokenName={tokenName}
     />
   )
+
+  const [onPresentDepositDisabled] = useModal(
+    <DepositsDisabledModal />
+  )
   
   const [onPresentWithdraw] = useModal(
     <WithdrawModal
@@ -99,7 +104,7 @@ const Stake: React.FC<StakeProps> = ({
                   <RemoveIcon />
                 </IconButton>
                 <StyledActionSpacer />
-                <IconButton onClick={onPresentDeposit}>
+                <IconButton onClick={onPresentDepositDisabled}>
                   <AddIcon />
                 </IconButton>
               </>