replace MetaMask icon with a generic one

README.md

@@ -404,7 +404,7 @@ Put your wallet address where you want to get a drop, and click the **Request**
 
 ### More Interactions
 
-This is not just it. Using the buttons shown below, you can go to the Subnet explorer or add the Subnet to your browser wallet extensions like Metamask with a single click.
+This is not just it. Using the buttons shown below, you can go to the Subnet explorer or add the Subnet to your browser wallet extensions like Metamask or Trust Wallet with a single click.
 
 ![](https://raw.githubusercontent.com/ava-labs/avalanche-docs/master/static/img/faucet-4.png)
 

client/src/components/AddNetwork.tsx

@@ -1,11 +1,11 @@
-import { addNetwork, addAsset } from "./Metamask"
+import { addNetwork, addAsset } from "./Wallet"
 
 export default function AddNetwork(props: any) {
     return (
         <div className='footer-buttons'>
             <button className="add-network" onClick={() => {addNetwork(props.config)}}>
-                <img alt='metamask' style={{width: "25px", height: "25px", marginRight: "5px"}} src="/memtamask.webp"/>
-                Add Subnet to Metamask
+                <img alt='wallet' style={{width: "22px", height: "22px", marginRight: "5px"}} src="/wallet.svg"/>
+                Add Subnet to Wallet
             </button>
 
             <button className="add-network" onClick={() => {window.open(`${props.config.EXPLORER}${props.token?.CONTRACTADDRESS ? "/address/" + props.token.CONTRACTADDRESS : ""}`, '_blank')}}>
@@ -17,8 +17,8 @@ export default function AddNetwork(props: any) {
                 props?.token?.CONTRACTADDRESS
                 &&
                 <button className="add-network" onClick={() => {addAsset(props?.token)}}>
-                    <img alt='asset' style={{width: "25px", height: "25px", marginRight: "5px", borderRadius: "25px"}} src={props?.token?.IMAGE}/>
-                    Add Asset to Metamask
+                    <img alt='wallet' style={{width: "25px", height: "25px", marginRight: "5px", borderRadius: "25px"}} src={props?.token?.IMAGE}/>
+                    Add Asset to Wallet
                 </button>
             }
         </div>

client/src/components/FaucetForm.tsx

@@ -8,7 +8,7 @@ import ReCaptcha from './ReCaptcha'
 import FooterBox from './FooterBox'
 import queryString from 'query-string'
 import { DropdownOption } from './types'
-import { connectAccount } from './Metamask'
+import { connectAccount } from './Wallet'
 import { AxiosResponse } from 'axios'
 
 const FaucetForm = (props: any) => {
@@ -516,8 +516,8 @@ const FaucetForm = (props: any) => {
                                 autoFocus
                             />
 
-                            <span className='connect-metamask' onClick={ () => connectAccount(updateAddress) }>
-                                <img alt='metamask' src="/memtamask.webp"/>
+                            <span className='connect-wallet' onClick={ () => connectAccount(updateAddress) }>
+                                <img alt='wallet' src="/wallet.svg"/>
                                 Connect
                             </span>
                         </div>

client/src/components/Metamask.ts → client/src/components/Wallet.ts

@@ -9,7 +9,7 @@ export const addNetwork = async (config: any): Promise<void> => {
         return
     }
     if(window.ethereum == undefined) {
-        window.open('https://metamask.io/download', '_blank')
+        window.open('https://ethereum.org/en/wallets/find-wallet/', '_blank')
     }
 
     await window?.ethereum?.request({
@@ -35,7 +35,7 @@ export const addAsset = async (config: any): Promise<void> => {
         return
     }
     if(window.ethereum == undefined) {
-        window.open('https://metamask.io/download', '_blank')
+        window.open('https://ethereum.org/en/wallets/find-wallet/', '_blank')
     }
 
     await window?.ethereum?.request({
@@ -55,7 +55,7 @@ export const addAsset = async (config: any): Promise<void> => {
 
 export const connectAccount = async (updateAddress: any, showPopup = true) => {
     if(window.ethereum == undefined) {
-        showPopup && window.open('https://metamask.io/download', '_blank')
+        showPopup && window.open('https://ethereum.org/en/wallets/find-wallet/', '_blank')
         return
     }
 

client/src/components/styles/FaucetForm.css

@@ -106,7 +106,7 @@ a {
     padding: 0 12px;
 }
 
-.connect-metamask {
+.connect-wallet {
     cursor: pointer;
     color: rgb(180, 180, 183);
     margin-right: 5px;
@@ -116,12 +116,12 @@ a {
     font-size: 10px
 }
 
-.connect-metamask > img {
-    width: 25px;
-    height: 25px;
+.connect-wallet > img {
+    width: 20px;
+    height: 20px;
 }
 
-.connect-metamask:hover {
+.connect-wallet:hover {
     color: white;
 }