fix: hides withdraw button for restricted users (#39)

opynfinance · Jan 12, 2022 · 01b4d4f · 01b4d4f · vercel · Jan 12, 2022
1 parent 9628e51
commit 01b4d4f
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/packages/frontend/pages/vault/[vid].tsx b/packages/frontend/pages/vault/[vid].tsx
@@ -564,16 +564,20 @@ const Component: React.FC = () => {
             <div className={classes.overviewItem}>
               <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
                 <Typography className={classes.overviewValue}>{vault?.collateralAmount.toFixed(4)}</Typography>
-                {vault?.shortAmount.isZero() && vault.collateralAmount.gt(0) ? (
-                  <button
-                    className={clsx(classes.withdrawBtn)}
-                    onClick={() => {
-                      updateCollateral(vault!.collateralAmount.negated().toString())
-                      removeCollat(vault!.collateralAmount)
-                    }}
-                  >
-                    WITHDRAW
-                  </button>
+                {!isRestricted ? (
+                  <>
+                    {vault?.shortAmount.isZero() && vault.collateralAmount.gt(0) ? (
+                      <button
+                        className={clsx(classes.withdrawBtn)}
+                        onClick={() => {
+                          updateCollateral(vault!.collateralAmount.negated().toString())
+                          removeCollat(vault!.collateralAmount)
+                        }}
+                      >
+                        WITHDRAW
+                      </button>
+                    ) : null}
+                  </>
                 ) : null}
               </div>
               <Typography className={classes.overviewTitle}>Collateral (ETH)</Typography>