remove unused components

packages/app-bridge/src/BridgePage.tsx

@@ -1,6 +1,5 @@
-import {Announcement, ToasterContainer} from '@phala/react-components'
+import {Announcement} from '@phala/react-components'
 import {StyledLink} from 'baseui/link'
-import {PLACEMENT} from 'baseui/toast'
 import {FC, useState} from 'react'
 import {Helmet} from 'react-helmet'
 import {ExchangeIcon} from './components/ExchangeIcon'
@@ -90,8 +89,6 @@ export const BridgePage: FC = () => {
           isOpen={isOpenTransferModal}
         />
       </Root>
-
-      <ToasterContainer placement={PLACEMENT.topRight} />
     </>
   )
 }

packages/app-bridge/src/components/SubmitButton/SubmitButton.tsx

@@ -1,9 +1,9 @@
-import {toast} from '@phala/react-components'
 import {
   useErc20AssetHandlerAllowanceQuery,
   useEthereumBridgeFee,
 } from '@phala/react-libs'
 import {validateAddress} from '@phala/utils'
+import {toaster} from 'baseui/toast'
 import Decimal from 'decimal.js'
 import {ComponentProps, FC} from 'react'
 import {toKaruraXcmFee, toKhalaXcmFee} from '../../config'
@@ -99,7 +99,7 @@ export const SubmitButton: FC<SubmitButtonProps> = (props) => {
       errorString = 'Please approve first'
     }
     if (errorString) {
-      toast(errorString, 'error')
+      toaster.negative(errorString, {})
       return
     }
 

packages/app-bridge/src/components/TransferModal/transferAction/TransferPHAFromEthereumToKhala/TransferPHAFromEthereumToKhala.tsx

@@ -1,4 +1,4 @@
-import {Alert, Spacer, toast} from '@phala/react-components'
+import {Alert, Spacer} from '@phala/react-components'
 import {
   useErc20BalanceQuery,
   useErc20Deposit,
@@ -17,6 +17,7 @@ import {Button} from '../../../Button'
 import {CurrentTransferInformationDetailItems} from '../../../CurrentTransferInformationDetailItems'
 import {EthereumToKhalaFee} from './EthereumToKhalaFee'
 import {StyledLink} from 'baseui/link'
+import {toaster} from 'baseui/toast'
 
 interface TransferPHAFromEthereumToKhalaProps {
   onCloseTransfer(): void
@@ -64,7 +65,7 @@ export const TransferPHAFromEthereumToKhala: React.FC<
     } catch (error) {
       if (error instanceof Error) {
         console.error(error)
-        toast(error.message)
+        toaster.negative(error.message, {})
       }
 
       setSubmitting(false)

packages/app-bridge/src/components/TransferModal/transferAction/TransferPHAFromKhalaToEthereum/TransferPHAFromKhalaToEthereum.tsx

@@ -1,5 +1,5 @@
 import {useCurrentAccount} from '@phala/app-store'
-import {Alert, Checkbox, FeeLabel, Spacer, toast} from '@phala/react-components'
+import {Alert, Checkbox, FeeLabel, Spacer} from '@phala/react-components'
 import {Link} from '@phala/react-components/src/Announcement/styledComponents'
 import {
   decimalToBalance,
@@ -10,6 +10,7 @@ import {
 import {Block} from 'baseui/block'
 import {KIND as ButtonKind} from 'baseui/button'
 import {ModalBody, ModalButton, ModalFooter} from 'baseui/modal'
+import {toaster} from 'baseui/toast'
 import Decimal from 'decimal.js'
 import {getAddress} from 'ethers/lib/utils'
 import React, {Fragment, useEffect, useMemo, useState} from 'react'
@@ -65,7 +66,7 @@ export const TransferPHAFromKhalaToEthereum: React.FC<
 
   const submit = async () => {
     if (!checkBoxChecked) {
-      toast('Please check the risk warning.')
+      toaster.warning('Please check the risk warning.', {})
       return
     }
 
@@ -137,7 +138,7 @@ export const TransferPHAFromKhalaToEthereum: React.FC<
               than 24h. You can follow each step of the transaction through{' '}
               <Link
                 target="_blank"
-                href={`https://khala.subscan.io/account/${fromAddress}?tab=transfer`}
+                href={`https://khala.subscan.io/account/${currentAccount?.address}?tab=transfer`}
               >
                 Khala&apos;s explorer
               </Link>{' '}

packages/app/src/WrapApp.tsx

@@ -1,5 +1,4 @@
 import {ethereumGraphEndpoint} from '@phala/app-config'
-import {MobileToastContextProvider} from '@phala/react-components'
 import {Provider as LibProvider} from '@phala/react-libs'
 import {isProduction} from '@phala/utils'
 import {BaseProvider} from 'baseui'
@@ -56,22 +55,20 @@ const WrapApp: React.FC = ({children}) => {
         <QueryClientProvider contextSharing={true} client={client.current}>
           <LibProvider {...productionConfig}>
             <ThemeProvider theme={theme}>
-              <MobileToastContextProvider>
-                <BaseProvider theme={baseTheme}>
-                  <SnackbarProvider>{children}</SnackbarProvider>
-                  <ToasterContainer
-                    autoHideDuration={3000}
-                    overrides={{
-                      ToastBody: {
-                        style: {
-                          maxWidth: '100%',
-                          width: '400px',
-                        },
+              <BaseProvider theme={baseTheme}>
+                <SnackbarProvider>{children}</SnackbarProvider>
+                <ToasterContainer
+                  autoHideDuration={3000}
+                  overrides={{
+                    ToastBody: {
+                      style: {
+                        maxWidth: '100%',
+                        width: '400px',
                       },
-                    }}
-                  />
-                </BaseProvider>
-              </MobileToastContextProvider>
+                    },
+                  }}
+                />
+              </BaseProvider>
             </ThemeProvider>
             <ReactQueryDevtools />
           </LibProvider>

packages/react-components/src/index.ts

@@ -22,7 +22,6 @@ export * from './Input'
 export * from './InputAction'
 export * from './InputExternalInfo'
 export * from './InputNumber'
-export * from './MobileToast'
 export * from './Modal'
 export * from './PhalaStakePoolTransactionFeeLabel'
 export * from './PolkadotInstallModal'