[Feature Request] Add Zeal as a supported wallet

Nicvaniek commented 10 months ago

Is there an existing issue for this?

[X] I have searched the existing issues

Is your feature request related to a problem you are facing?

Many Zeal wallet users use pancake swap and are having difficulties connecting due to having to select the "Injected" option. Clicking on Metamask like on other dApps does not work in this case (I have not dug very deep into the code, but assuming there is a different connector in use).

Describe the solution you'd like

Would be nice if there was a dedicated Zeal option (similar to Rabby) that users can select if Zeal is installed. I have tested the change locally and it works fine, but wanted to create this issue before making a PR in case anyone wants to discuss the proposal. I would probably also need assistance to get the Zeal icon added to the CDN?

How does this feature benefit PancakeSwap users and CAKE holders?

If they use Zeal wallet, they will have a much improved UX when using pancake swap. Their wallet of choice will show up as a first-class citizen when interacting with the UI.

Anything else?

Nicvaniek commented 10 months ago

Seems like I don't have permissions to push a new branch, so help from someone here would be appreciated. Below is the code snippet to be added to apps/web/src/config/wallet.ts:

{
      id: 'zeal',
      title: 'Zeal',
      icon: `${ASSET_CDN}/web/wallets/zeal.png`,
      get installed() {
        return typeof window !== 'undefined' && Boolean(window.ethereum?.isZeal)
      },
      connectorId: ConnectorNames.Injected,
      guide: {
        desktop: 'https://docs.zeal.app/getting-started-with-zeal',
      },
      downloadLink: {
        desktop: 'https://chromewebstore.google.com/detail/zeal-wallet/heamnjbnflcikcggoiplibfommfbkjpj',
      },
},

Where zeal.png is the below image:

Zeal_Logo

Nicvaniek commented 10 months ago

@chef-jojo

Surya-Git-hub commented 9 months ago

Hi @Nicvaniek just wanted to know, is it possible to encrypt or decrypt data using passkeys when using webauthn APIs, if yes, can you suggest how it can be done.

Hitosaw commented 9 months ago

{ id: 'zeal', title: 'Zeal', icon: ${ASSET_CDN}/web/wallets/zeal.png, get installed() { return typeof window !== 'undefined' && Boolean(window.ethereum?.isZeal) }, connectorId: ConnectorNames.Injected, guide: { desktop: 'https://docs.zeal.app/getting-started-with-zeal', }, downloadLink: { desktop: 'https://chromewebstore.google.com/detail/zeal-wallet/heamnjbnflcikcggoiplibfommfbkjpj', }, },

Hitosaw commented 9 months ago

{ id: 'zeal', title: 'Zeal', icon: ${ASSET_CDN}/web/wallets/zeal.png, get installed() { return typeof window !== 'undefined' && Boolean(window.ethereum?.isZeal) }, connectorId: ConnectorNames.Injected, guide: { desktop: 'https://docs.zeal.app/getting-started-with-zeal', }, downloadLink: { desktop: 'https://chromewebstore.google.com/detail/zeal-wallet/heamnjbnflcikcggoiplibfommfbkjpj', }, },