Merge pull request #30 from lidofinance/feature/ethui-201-added-toast…

…-after-add-to-wallet-restored

feat: toast message after adding token to wallet

shared/components/token-to-wallet/token-to-wallet.tsx

@@ -1,4 +1,4 @@
-import { Tooltip } from '@lidofinance/lido-ui';
+import { ToastInfo, Tooltip } from '@lidofinance/lido-ui';
 import { useTokenToWallet } from '@lido-sdk/react';
 import { TokenToWalletStyle } from './styles';
 
@@ -12,9 +12,16 @@ export const TokenToWallet: TokenToWalletComponent = (props) => {
 
   if (!addToken) return null;
 
+  const onClickHandler = async () => {
+    const result = await addToken();
+    if (!result) return;
+
+    ToastInfo('Tokens were successfully added to your wallet', {});
+  };
+
   return (
     <Tooltip placement="bottomLeft" title="Add tokens to wallet">
-      <TokenToWalletStyle tabIndex={-1} onClick={addToken} {...rest} />
+      <TokenToWalletStyle tabIndex={-1} onClick={onClickHandler} {...rest} />
     </Tooltip>
   );
 };