Dot-crypto-donate-react NPM

.crypto Domain Donate Button React Component

A react component that takes in a .crypto domain name and allows for donations to be sent to addresses associated with the domain.

Component gets contract 0xa6E7cEf2EDDEA66352Fd68E5915b60BDbb7309f5 on ethereum mainnet and calls getData function.

If you want to add more currencies or other improvements please feel free to raise a PR.

If you use the package please update the examples section of the readme, thanks.

Features

Simply add .crypto domain name as prop to get all addresses
Web3 (ethers.js) integration for automatic payments via ethereum wallet (metamask, etc)
Currently only supports ETH and BTC (main functionality for ETH)
If successful links to transaction on etherscan
Customizable colours and text
MIT License - completely open source to do with as you please

Requirements

Purchase, claim and add addresses to unstoppable domains
Create free infura account at infura.io then add project key as prop

Examples

rossneilson.dev (bottom of site)

Instructions

npm

npm install --save dot-crypto-donate-react

Import in react

import CryptoDonate from "dot-crypto-donate-react"

Use

Params cryptoDomain - Unstoppable domains .crypto domain that addresses are pulled from infuraApi = RPC API ID used to communicate with the ethereum blockchain (free to create) colors = Object to input custom colours for component text = Object to input text to be displayed in component ens (optional) = ENS domain that can be added optionally to the component

<CryptoDonate
  cryptoDomain="<insert-domain>.crypto"
  infuraApi="<insert-infura-api>"
  colors={{
    primary: "#2096f3",
    secondary: "#fde199",
    button: "#1a78c2",
    buttonSecondary: "#fab601",
    text: "#ffffff",
  }}
  text={{
    title: "Donate",
    thanks: "Thank you for donating, see the below link for transaction",
    copied: "Address copied, please donate via wallet",
  }}
/>