Remove some icons

Author: dmihal

components/Row.tsx

@@ -1,6 +1,5 @@
 import React, { Fragment, useState } from 'react';
 import { ProtocolData } from 'data/types';
-import icons from './icons';
 import { CSSTransition } from 'react-transition-group';
 import ReactGA from 'react-ga';
 import { usePlausible } from 'next-plausible';
@@ -21,7 +20,7 @@ const Row: React.FC<RowProps> = ({ protocol, sort }) => {
   const plausible = usePlausible();
   const [open, setOpen] = useState(false);
 
-  const icon = protocol.icon || icons[protocol.id];
+  const icon = protocol.icon || null;
 
   const isApp = protocol.category !== 'l1' && protocol.category !== 'l2';
 

components/SocialCard/Row.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { ProtocolData } from 'data/types';
-import icons from '../icons';
 
 interface RowProps {
   protocol: ProtocolData;
@@ -12,15 +11,16 @@ const font = 'SofiaProRegular, Sofia Pro, sofia-pro';
 const Row: React.FC<RowProps> = ({ protocol, index }) => {
   let svgImg;
 
-  const icon = protocol.icon || icons[protocol.id];
+  const icon = protocol.icon || null;
 
   if (icon?.indexOf('data:image/svg+xml;base64,') === 0) {
     const buffer = new Buffer(icon.substr(26), 'base64');
     svgImg = buffer.toString('ascii');
     svgImg = svgImg.replace(/">/, '" width="24" height="24">');
   }
 
-  const background = protocol.category === 'l1' || protocol.category === 'l2' ? '#ffffff' : '#fad3f6';
+  const background =
+    protocol.category === 'l1' || protocol.category === 'l2' ? '#ffffff' : '#fad3f6';
 
   return (
     <g transform={`translate(28, ${117 + 37 * index})`}>

components/icons/index.ts

@@ -1,6 +1,3 @@
-import bancor from './bancor.png';
-import hegic from './hegic.png';
-import honeyswap from './honeyswap.png';
 import mstable from './mstable.svg';
 import polymarket from './polymarket.svg';
 import tbtc from './tbtc.svg';
@@ -10,9 +7,6 @@ import zilliqa from './zilliqa.svg';
 
 // Legacy, don't add new icons here
 const icons: { [id: string]: string } = {
-  bancor,
-  hegic,
-  honeyswap,
   mstable,
   polymarket,
   tbtc,

components/year/YearRow.tsx

@@ -1,6 +1,5 @@
 import React, { Fragment, useState } from 'react';
 import { ProtocolData } from 'data/types';
-import icons from '../icons';
 import { CSSTransition } from 'react-transition-group';
 import { usePlausible } from 'next-plausible';
 import { ChevronDown, ChevronUp } from 'react-feather';
@@ -19,7 +18,7 @@ const Row: React.FC<RowProps> = ({ protocol }) => {
   const plausible = usePlausible();
   const [open, setOpen] = useState(false);
 
-  const icon = protocol.icon || icons[protocol.id];
+  const icon = protocol.icon || null;
 
   const isApp = protocol.category !== 'l1' && protocol.category !== 'l2';
 

data/adapters/dfyn.ts

@@ -1,7 +1,6 @@
 import { dateToTimestamp } from '../lib/time';
 import { query } from '../lib/graph';
 import { RegisterFunction } from '../types';
-import icon from 'icons/dfyn.svg';
 
 export async function getDfynData(date: string): Promise<number> {
   const graphQuery = `query fees($date: Int!) {
@@ -37,7 +36,6 @@ export default function registerUniswap(register: RegisterFunction) {
   };
 
   register('dfyn', query, {
-    icon,
     name: 'Dfyn',
     category: 'dex',
     description: 'A multi-chain AMM decentralized exchange',

data/adapters/ren.ts

@@ -1,6 +1,5 @@
 import { RegisterFunction } from '../types';
 import { dateToTimestamp } from '../lib/time';
-import icon from 'icons/ren.svg';
 
 const ONE_DAY = 86400;
 
@@ -78,7 +77,6 @@ export default function registerRen(register: RegisterFunction) {
   };
 
   register('ren', query, {
-    icon,
     name: 'Ren Protocol',
     category: 'xchain',
     description: 'Ren Protocol is a protocol for cross-chain asset transfers.',

data/adapters/swapr.ts

@@ -1,7 +1,6 @@
 import { dateToTimestamp } from '../lib/time';
 import { query } from '../lib/graph';
 import { RegisterFunction, Category } from '../types';
-import icon from 'icons/swapr.svg';
 
 async function getSwaprData(subgraph: string, date: string): Promise<number> {
   const graphQuery = `query fees($date: Int!) {
@@ -48,7 +47,6 @@ export default function registerSwapr(register: RegisterFunction) {
     adapter: 'swpar',
     tokenTicker: 'SWPR',
     website: 'https://swapr.eth.link',
-    icon,
     protocolLaunch: '2020-12-10',
   };