Hot fixes to hide perp (#21)

* bugfix/936 make confirm button visible when disabled

* change vh to percents for the modal

* fix dialog height

* fix minting

* feat/947 comment perp logic

---------

Co-authored-by: Nadiia Balaian <nadiia.balaian@gmail.com>

Author: lzhabo

src/components/Button.tsx

@@ -50,9 +50,9 @@ const Button = styled.button<{
             }
 
             &:disabled {
-              border-color: ${theme.colors.borderSecondary};
+              border-color: ${theme.colors.textDisabled};
               background: ${theme.colors.borderSecondary};
-              color: ${theme.colors.textDisabled};
+              color: ${theme.colors.textSecondary};
             }
           `;
         case red:

src/components/Header/DepositWithdrawModal.tsx

@@ -204,7 +204,7 @@ const TokenIcon = styled.img`
 
 const DialogStyled = styled(Dialog)`
   ${media.mobile} {
-    height: 100vh;
+    height: 100%;
     padding: 24px 0;
   }
 `;
@@ -217,8 +217,8 @@ const DialogTitleStyled = styled(SmartFlex)`
 
 const DialogContainerStyled = styled(SmartFlex)`
   ${media.mobile} {
-    height: 90vh;
-    padding-bottom: 0;
+    height: 100%;
+    padding-bottom: 30px;
   }
 `;
 

src/stores/AccountStore.ts

@@ -85,7 +85,7 @@ class AccountStore {
     try {
       await bcNetwork!.addAssetToWallet(assetId);
     } catch (error: any) {
-      notificationStore.toast(createToast({ text: error }), { type: "error" });
+      notificationStore.toast(createToast({ text: error.message }), { type: "error" });
     }
   };
 

src/stores/TradeStore.ts

@@ -174,8 +174,8 @@ class TradeStore {
     const bcNetwork = blockchainStore.currentInstance;
 
     try {
-      const markets = await bcNetwork!.fetchPerpAllMarkets();
-      this.setPerpMarkets(markets);
+      // const markets = await bcNetwork!.fetchPerpAllMarkets();
+      this.setPerpMarkets([]);
     } catch (error) {
       console.error("[PERP] Error init perp market", error);
     }

src/themes/GlobalStyles.tsx

@@ -38,11 +38,17 @@ const globalModalStyles = (theme: Theme) => css`
   .rc-dialog-content {
     border-radius: 10px;
     background: ${theme.colors.bgSecondary};
+    height: 100%;
   }
 
   .rc-dialog-body {
     padding: 0;
     box-sizing: border-box;
+    height: 100%;
+    // use direct child selector to set styles for the 3rd party library div
+    > div {
+      height: 100%;
+    }
   }
 
   .rc-dialog-header {