Aztec

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 = () => (
-  <div className="speedometer">
+const makeIcon = (image: string) => (): React.FC => (
+  <div className="icon">
     <style jsx>{`
-      .speedometer {
-        background: url('${speedometer}');
+      .icon {
+        background: url('${image}');
         height: 18px;
         width: 18px;
         margin-right: 2px;
         flex: 0 0 18px;
+        background-size: contain;
       }
     `}</style>
   </div>
 );
 
 const icons: { [id: string]: React.ComponentType } = {
-  throtle: SpeedometerIcon,
+  throtle: makeIcon(speedometer),
   info: Info,
+  private: makeIcon(incognito),
 }
 
 interface FlagsProps {

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.',
+      },
+    },
+  });
+}

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);