From 5d3bf127f4ddb5a520fff3dc0d7df73e359dc37a Mon Sep 17 00:00:00 2001 From: Willian Mitsuda Date: Mon, 8 Aug 2022 01:56:24 -0300 Subject: [PATCH] Color renames from tailwindcss 3 --- src/Block.tsx | 2 +- src/ConnectionErrorPanel.tsx | 2 +- src/Faucets.tsx | 4 ++-- src/address/AddressTransactionResults.tsx | 2 +- src/address/Contracts.tsx | 4 ++-- src/address/DecodedFragment.tsx | 8 ++++---- src/components/DecoratedAddressLink.tsx | 8 ++++---- src/components/InternalSelfDestruct.tsx | 2 +- src/components/InternalTransfer.tsx | 4 ++-- src/components/MethodName.tsx | 2 +- src/components/Nonce.tsx | 6 +++--- src/components/PercentageBar.tsx | 2 +- src/components/SelectionHighlighter.tsx | 2 +- src/components/TransactionDirection.tsx | 14 +++++++------- src/components/ValueHighlighter.tsx | 2 +- src/search/TransactionItem.tsx | 4 +--- src/special/london/Blip.tsx | 2 +- src/special/london/BlockRow.tsx | 2 +- src/special/london/Blocks.tsx | 2 +- src/transaction/Details.tsx | 4 ++-- src/transaction/LogEntry.tsx | 2 +- src/transaction/RewardSplit.tsx | 8 ++++---- src/transaction/decoder/BooleanDecoder.tsx | 2 +- src/transaction/decoder/DecodedParamsTable.tsx | 2 +- 24 files changed, 45 insertions(+), 47 deletions(-) diff --git a/src/Block.tsx b/src/Block.tsx index aae470e..e8a6c92 100644 --- a/src/Block.tsx +++ b/src/Block.tsx @@ -111,7 +111,7 @@ const Block: React.FC = () => { {blockETHUSDPrice && ( <> {" "} - + > = React.memo( )} {type === "ok" && ( - + )} diff --git a/src/Faucets.tsx b/src/Faucets.tsx index 9e4527d..8df978b 100644 --- a/src/Faucets.tsx +++ b/src/Faucets.tsx @@ -39,7 +39,7 @@ const Faucets: React.FC = () => {
{urls.length > 0 && ( -
+
{ )} {/* Display the shuffling notice only if there are 1+ faucets */} {urls.length > 1 && ( -
+
= ({
{!balance.isZero() && priceMap["latest"] !== undefined && ( - + = ({ {optimizer?.enabled ? ( - Yes with{" "} - + Yes with{" "} + {commify(optimizer?.runs)} {" "} runs diff --git a/src/address/DecodedFragment.tsx b/src/address/DecodedFragment.tsx index ac06a16..3a6c75a 100644 --- a/src/address/DecodedFragment.tsx +++ b/src/address/DecodedFragment.tsx @@ -28,14 +28,14 @@ const DecodedFragment: React.FC = ({ fragmentType = "function"; sig = intf.getSighash(fragment); letter = "F"; - letterBg = "bg-purple-500"; - hashBg = "bg-purple-50"; + letterBg = "bg-violet-500"; + hashBg = "bg-violet-50"; } else if (EventFragment.isEventFragment(fragment)) { fragmentType = "event"; sig = intf.getEventTopic(fragment); letter = "E"; - letterBg = "bg-green-300"; - hashBg = "bg-green-50"; + letterBg = "bg-emerald-300"; + hashBg = "bg-emerald-50"; } else if (ConstructorFragment.isConstructorFragment(fragment)) { fragmentType = "constructor"; letter = "C"; diff --git a/src/components/DecoratedAddressLink.tsx b/src/components/DecoratedAddressLink.tsx index d843c28..856b502 100644 --- a/src/components/DecoratedAddressLink.tsx +++ b/src/components/DecoratedAddressLink.tsx @@ -47,13 +47,13 @@ const DecoratedAddressLink: React.FC = ({ className={`flex items-baseline space-x-1 ${ txFrom ? "bg-skin-from" : "" } ${txTo ? "bg-skin-to" : ""} ${ - mint ? "italic text-green-500 hover:text-green-700" : "" + mint ? "italic text-emerald-500 hover:text-emerald-700" : "" } ${burn ? "line-through text-orange-500 hover:text-orange-700" : ""} ${ selfDestruct ? "line-through opacity-70 hover:opacity-100" : "" }`} > {creation && ( - + )} @@ -63,7 +63,7 @@ const DecoratedAddressLink: React.FC = ({ )} {mint && ( - + )} @@ -73,7 +73,7 @@ const DecoratedAddressLink: React.FC = ({ )} {miner && ( - + )} diff --git a/src/components/InternalSelfDestruct.tsx b/src/components/InternalSelfDestruct.tsx index bc6029b..f87233f 100644 --- a/src/components/InternalSelfDestruct.tsx +++ b/src/components/InternalSelfDestruct.tsx @@ -54,7 +54,7 @@ const InternalSelfDestruct: React.FC = ({
diff --git a/src/components/InternalTransfer.tsx b/src/components/InternalTransfer.tsx index af7001d..173c74e 100644 --- a/src/components/InternalTransfer.tsx +++ b/src/components/InternalTransfer.tsx @@ -58,7 +58,7 @@ const InternalTransfer: React.FC = ({
= ({
= ({ data }) => { return (

diff --git a/src/components/Nonce.tsx b/src/components/Nonce.tsx index 2a59258..7b8145f 100644 --- a/src/components/Nonce.tsx +++ b/src/components/Nonce.tsx @@ -9,13 +9,13 @@ type NonceProps = { const Nonce: React.FC = ({ value }) => ( - + - {commify(value)} + {commify(value)} ); diff --git a/src/components/PercentageBar.tsx b/src/components/PercentageBar.tsx index a868784..aded599 100644 --- a/src/components/PercentageBar.tsx +++ b/src/components/PercentageBar.tsx @@ -6,7 +6,7 @@ type PercentageBarProps = { const PercentageBar: React.FC = ({ perc }) => (

-
+
> = React.memo(({ selected, select, deselect, children }) => (
= ({ direction, flags, }) => { - let bgColor = "bg-green-50"; - let fgColor = "text-green-500"; + let bgColor = "bg-emerald-50"; + let fgColor = "text-emerald-500"; let msg: string | null = null; if (direction === Direction.IN) { msg = "IN"; } else if (direction === Direction.OUT) { - bgColor = "bg-yellow-100"; - fgColor = "text-yellow-600"; + bgColor = "bg-amber-100"; + fgColor = "text-amber-600"; msg = "OUT"; } else if (direction === Direction.SELF) { bgColor = "bg-gray-200"; @@ -39,12 +39,12 @@ const TransactionDirection: React.FC = ({ msg = "SELF"; } else if (direction === Direction.INTERNAL) { msg = "INT"; - bgColor = "bg-green-100"; + bgColor = "bg-emerald-100"; } if (flags === Flags.MINER) { - bgColor = "bg-yellow-50"; - fgColor = "text-yellow-400"; + bgColor = "bg-amber-50"; + fgColor = "text-amber-400"; } return ( diff --git a/src/components/ValueHighlighter.tsx b/src/components/ValueHighlighter.tsx index b9c813f..5bdcf82 100644 --- a/src/components/ValueHighlighter.tsx +++ b/src/components/ValueHighlighter.tsx @@ -25,7 +25,7 @@ const ValueHighlighter: React.FC = ({ selection !== null && selection.type === "value" && selection.content === value.toString() - ? "border-orange-400 bg-yellow-100" + ? "border-orange-400 bg-amber-100" : "border-transparent" }`} onMouseEnter={select} diff --git a/src/search/TransactionItem.tsx b/src/search/TransactionItem.tsx index 58de25b..21e1b84 100644 --- a/src/search/TransactionItem.tsx +++ b/src/search/TransactionItem.tsx @@ -65,9 +65,7 @@ const TransactionItem: React.FC = ({ return (
diff --git a/src/special/london/Blip.tsx b/src/special/london/Blip.tsx index b216b89..c2c42cc 100644 --- a/src/special/london/Blip.tsx +++ b/src/special/london/Blip.tsx @@ -20,7 +20,7 @@ const Blip: React.FC = ({ value }) => { {show && value !== 0 && (
0 ? "text-green-500" : "text-red-500" + value > 0 ? "text-emerald-500" : "text-red-500" } text-3xl`} > {value > 0 ? `+${value}` : `${value}`} diff --git a/src/special/london/BlockRow.tsx b/src/special/london/BlockRow.tsx index 3bec637..e2591f4 100644 --- a/src/special/london/BlockRow.tsx +++ b/src/special/london/BlockRow.tsx @@ -33,7 +33,7 @@ const BlockRow: React.FC = ({ now, block, baseFeeDelta }) => {
= ({ latestBlock, targetBlockNumber }) => {
Gas target
Base fee
- + Rewards diff --git a/src/transaction/Details.tsx b/src/transaction/Details.tsx index e39346b..9b9449f 100644 --- a/src/transaction/Details.tsx +++ b/src/transaction/Details.tsx @@ -138,7 +138,7 @@ const Details: React.FC = ({ {txData.confirmedData === undefined ? ( Pending ) : txData.confirmedData.status ? ( - + = ({ Gwei) {sendsEthToMiner && ( - + Flashbots )} diff --git a/src/transaction/LogEntry.tsx b/src/transaction/LogEntry.tsx index 90f9bee..a6597eb 100644 --- a/src/transaction/LogEntry.tsx +++ b/src/transaction/LogEntry.tsx @@ -47,7 +47,7 @@ const LogEntry: React.FC = ({ log, logDesc, metadatas }) => { return (
- + {log.logIndex}
diff --git a/src/transaction/RewardSplit.tsx b/src/transaction/RewardSplit.tsx index b9268c4..56dd0db 100644 --- a/src/transaction/RewardSplit.tsx +++ b/src/transaction/RewardSplit.tsx @@ -49,13 +49,13 @@ const RewardSplit: React.FC = ({ txData }) => {
- + diff --git a/src/transaction/decoder/BooleanDecoder.tsx b/src/transaction/decoder/BooleanDecoder.tsx index 259f4a9..5634310 100644 --- a/src/transaction/decoder/BooleanDecoder.tsx +++ b/src/transaction/decoder/BooleanDecoder.tsx @@ -5,7 +5,7 @@ type BooleanDecoderProps = { }; const BooleanDecoder: React.FC = ({ r }) => ( - + {r.toString()} ); diff --git a/src/transaction/decoder/DecodedParamsTable.tsx b/src/transaction/decoder/DecodedParamsTable.tsx index 40dd473..17b0784 100644 --- a/src/transaction/decoder/DecodedParamsTable.tsx +++ b/src/transaction/decoder/DecodedParamsTable.tsx @@ -27,7 +27,7 @@ const DecodedParamsTable: React.FC = ({ value {!hasParamNames && ( - + {paramTypes.length > 0 && paramTypes[0].name !== null ? "Parameter names are estimated."