diff --git a/components/Flags.tsx b/components/Flags.tsx index abd2244..46c1ebd 100644 --- a/components/Flags.tsx +++ b/components/Flags.tsx @@ -1,24 +1,27 @@ import React from 'react'; import { Info } from 'react-feather'; +import incognito from './icons/incognito.svg'; import speedometer from './icons/speedometer.svg'; -const SpeedometerIcon: React.FC = () => ( -
+const makeIcon = (image: string) => (): React.FC => ( +
); const icons: { [id: string]: React.ComponentType } = { - throtle: SpeedometerIcon, + throtle: makeIcon(speedometer), info: Info, + private: makeIcon(incognito), } interface FlagsProps { diff --git a/components/icons/incognito.svg b/components/icons/incognito.svg new file mode 100644 index 0000000..a9a66d3 --- /dev/null +++ b/components/icons/incognito.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/data/adapters/aztec.ts b/data/adapters/aztec.ts new file mode 100644 index 0000000..57e89cd --- /dev/null +++ b/data/adapters/aztec.ts @@ -0,0 +1,28 @@ +import { Context } from '@cryptostats/sdk'; + +export function setup(sdk: Context) { + const getFeeForTransfer = async () => { + const feeData = await sdk.http.get('https://api.aztec.network/falafel-mainnet/status'); + + return feeData.txFees[1].baseFeeQuotes[0].fee / 1e18; + } + + sdk.register({ + id: 'aztec', + queries: { + feeTransferEth: getFeeForTransfer, + feeTransferERC20: getFeeForTransfer, + }, + metadata: { + icon: sdk.ipfs.getDataURILoader('QmaaYiAtFKGPeHRR629yQqkDAqzcpywfbEjun5KmhE6QH1', 'image/svg+xml'), + category: 'l2', + name: 'Aztec Protocol', + description: 'Hermez is an open-source ZK-Rollup that provides both scalable and private token transfers.', + l2BeatSlug: 'aztec', + website: 'https://aztec.network', + flags: { + private: 'Transactions on Aztec are private.', + }, + }, + }); +} diff --git a/data/adapters/index.ts b/data/adapters/index.ts index 724d35c..8ee2b93 100644 --- a/data/adapters/index.ts +++ b/data/adapters/index.ts @@ -2,6 +2,7 @@ import sdk from '../sdk'; import { setup as setupEthereum } from './ethereum'; import { setup as setupArbitrum } from './arbitrum'; +import { setup as setupAztec } from './aztec'; import { setup as setupHermez } from './hermez'; import { setup as setupLoopring } from './loopring'; import { setup as setupOptimism } from './optimism'; @@ -11,6 +12,7 @@ const feesList = sdk.getList('fees'); feesList.addAdaptersWithSetupFunction(setupEthereum); feesList.addAdaptersWithSetupFunction(setupArbitrum); +feesList.addAdaptersWithSetupFunction(setupAztec) feesList.addAdaptersWithSetupFunction(setupHermez); feesList.addAdaptersWithSetupFunction(setupLoopring) feesList.addAdaptersWithSetupFunction(setupOptimism);