feat: fix build

Author: Anton-rock

src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 import { Route, Routes } from "react-router-dom";
 import styled from "@emotion/styled";
 import { observer } from "mobx-react";
@@ -9,7 +9,6 @@ import Header from "@components/Header";
 import WalletConnectors from "@components/WalletConnectors";
 
 import { useClearUrlParam } from "@hooks/useClearUrlParam";
-import { useMedia } from "@hooks/useMedia";
 import { useStores } from "@stores";
 import { MODAL_TYPE } from "@stores/ModalStore";
 
@@ -19,10 +18,7 @@ import { AssetsWithdrawal } from "@screens/AssetsWithdrawal/AssetsWithdrawal";
 import { ROUTES } from "@constants";
 
 const App: React.FC = observer(() => {
-  const { modalStore, tradeStore } = useStores();
-  const media = useMedia();
-
-  const [isAppStoreSheetVisible, setIsAppStoreSheetVisible] = useState(() => media.mobile);
+  const { modalStore } = useStores();
 
   // This hooks is used to clear unnecessary URL parameters,
   // specifically "tx_id", after returning from the faucet

src/components/Header/Header.tsx

@@ -23,7 +23,7 @@ import MobileMenu from "./MobileMenu";
 import WalletAddressButton from "./WalletAddressButton";
 
 const Header: React.FC = observer(() => {
-  const { modalStore, quickAssetsStore } = useStores();
+  const { modalStore } = useStores();
   const media = useMedia();
 
   const [isMobileMenuOpen, openMobileMenu, closeMobileMenu] = useFlag();
@@ -144,11 +144,11 @@ const Root = styled(SmartFlex)`
   }
 `;
 
-const ButtonStyled = styled(Button)`
-  padding: 5px;
-  width: 34px;
-  height: 34px;
-`;
+// const ButtonStyled = styled(Button)`
+//   padding: 5px;
+//   width: 34px;
+//   height: 34px;
+// `;
 
 const Divider = styled.div`
   margin: 0 16px;

src/components/Header/MenuNav.tsx

@@ -6,7 +6,7 @@ import { AnimatePresence, motion } from "framer-motion";
 import { observer } from "mobx-react-lite";
 import { Nullable } from "tsdef";
 
-import { breakpoints, breakpointsHeight, media } from "@themes/breakpoints";
+import { media } from "@themes/breakpoints";
 
 import ArrowIcon from "@assets/icons/arrowUp.svg?react";
 
@@ -40,10 +40,10 @@ type MenuItem = {
   icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | null;
 };
 
-const isShowSupport = breakpoints.mobile > window.innerWidth || breakpointsHeight.mobile > window.innerHeight;
+// const isShowSupport = breakpoints.mobile > window.innerWidth || breakpointsHeight.mobile > window.innerHeight;
 
 const MENU_ITEMS: Array<MenuItem> = [
-  { title: "ASSETS", link: ROUTES.ROOT },
+  { title: "V12 Withdrawal Portal", link: ROUTES.ROOT },
   // { title: "DASHBOARD", link: ROUTES.DASHBOARD, trackEvent: MIXPANEL_EVENTS.CLICK_DASHBOARD },
   // {
   //   title: "TRADE",

src/screens/Assets/MainAssets/MainAssets.tsx

@@ -55,10 +55,10 @@ const MainAssets: React.FC<MainAssetsProps> = observer(({ setStep }) => {
   //   setIsLoading(false);
   // };
 
-  const closeAssets = () => {
-    quickAssetsStore.setCurrentStep(0);
-    quickAssetsStore.setQuickAssets(false);
-  };
+  // const closeAssets = () => {
+  //   quickAssetsStore.setCurrentStep(0);
+  //   quickAssetsStore.setQuickAssets(false);
+  // };
 
   const renderOverallContent = ({ isConnected, balance }: { isConnected: boolean; balance: BN }) => {
     return (
@@ -231,16 +231,16 @@ const DepositedAssets = styled(SmartFlex)`
   width: 100%;
 `;
 
-const CloseButton = styled.img`
-  width: 30px;
-  height: 30px;
-  background: ${({ theme }) => theme.colors.bgIcon};
-  padding: 8px;
-  border-radius: 100px;
-  &:hover {
-    cursor: pointer;
-  }
-`;
+// const CloseButton = styled.img`
+//   width: 30px;
+//   height: 30px;
+//   background: ${({ theme }) => theme.colors.bgIcon};
+//   padding: 8px;
+//   border-radius: 100px;
+//   &:hover {
+//     cursor: pointer;
+//   }
+// `;
 
 const LinkStyled = styled(Link)`
   color: ${({ theme }) => theme.colors.greenLight};

src/screens/Assets/WithdrawAssets/WithdrawAssets.tsx

@@ -36,7 +36,7 @@ export interface ShowAction {
   typeModal: ModalEnums;
 }
 const WithdrawAssets = observer(({ setStep }: WithdrawAssets) => {
-  const { quickAssetsStore, balanceStore } = useStores();
+  const { balanceStore } = useStores();
 
   const [activeAsset, setActiveAsset] = useState<AssetBlockProps["token"]>();
   const [amount, setAmount] = useState(BN.ZERO);
@@ -50,10 +50,10 @@ const WithdrawAssets = observer(({ setStep }: WithdrawAssets) => {
 
   const balanceList = balanceStore.formattedBalanceInfoList;
 
-  const closeAssets = () => {
-    quickAssetsStore.setCurrentStep(0);
-    quickAssetsStore.setQuickAssets(false);
-  };
+  // const closeAssets = () => {
+  //   quickAssetsStore.setCurrentStep(0);
+  //   quickAssetsStore.setQuickAssets(false);
+  // };
 
   const handleClick = async () => {
     if (!activeAsset || !amount) return;
@@ -141,16 +141,16 @@ const BackButton = styled.img`
   }
 `;
 
-const CloseButton = styled.img`
-  width: 30px;
-  height: 30px;
-  background: ${({ theme }) => theme.colors.bgIcon};
-  padding: 8px;
-  border-radius: 100px;
-  &:hover {
-    cursor: pointer;
-  }
-`;
+// const CloseButton = styled.img`
+//   width: 30px;
+//   height: 30px;
+//   background: ${({ theme }) => theme.colors.bgIcon};
+//   padding: 8px;
+//   border-radius: 100px;
+//   &:hover {
+//     cursor: pointer;
+//   }
+// `;
 
 const SmartFlexContainer = styled(SmartFlex)`
   width: 100%;