diff --git a/src/app/common/components/TxIcon.tsx b/src/app/common/components/TxIcon.tsx index f2ebe1d31..eb5d99859 100644 --- a/src/app/common/components/TxIcon.tsx +++ b/src/app/common/components/TxIcon.tsx @@ -10,6 +10,8 @@ import { useColorMode } from '@chakra-ui/react'; import React, { FC } from 'react'; import { IconType } from 'react-icons'; import { BsCodeSlash } from 'react-icons/bs'; +import { TbBrandCoinbase } from 'react-icons/tb'; +import { RxCube } from 'react-icons/rx'; import { Transaction } from '@stacks/stacks-blockchain-api-types'; import { TransactionType } from '@stacks/stacks-blockchain-api-types/generated'; @@ -22,6 +24,12 @@ export const getTxTypeIcon = (txType: Transaction['tx_type']): IconType => { case 'contract_call': return FunctionIcon; + case 'coinbase': + return TbBrandCoinbase; + + case 'poison_microblock': + return RxCube; + default: return StxIcon; } diff --git a/src/ui/icons/CoinbaseIcon.tsx b/src/ui/icons/CoinbaseIcon.tsx deleted file mode 100644 index 5c822fc80..000000000 --- a/src/ui/icons/CoinbaseIcon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -'use client'; - -import { Box } from '@/ui/components'; -import { forwardRef } from '@chakra-ui/react'; -import React from 'react'; -import { IconBaseProps } from 'react-icons'; - -export const CoinbaseIcon = forwardRef( - ({ color = 'currentColor', strokeWidth = '1.5', size, ...props }, ref) => ( - - - - ) -);