mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
28b9b27e8b
* update styles of tx details * common color for text separator * remove bold fontWeight from some details items * address, block, token, pool, user ops details pages * refactor chain-specific views * unify grid column template for detailed views * remove TODO * update margins for text separator * update screenshots * update margin between icon and text for mobile * rename prop * update layout of decoded input data * update screenshots * fix tac operation and zilliqa quorum snippets
28 lines
777 B
TypeScript
28 lines
777 B
TypeScript
import React from 'react';
|
|
|
|
import type { DecodedInput } from 'types/api/decodedInput';
|
|
|
|
import LogDecodedInputDataHeader from './LogDecodedInputDataHeader';
|
|
import LogDecodedInputDataTable from './LogDecodedInputDataTable';
|
|
interface Props {
|
|
data: DecodedInput;
|
|
isLoading?: boolean;
|
|
rightSlot?: React.ReactNode;
|
|
}
|
|
|
|
const LogDecodedInputData = ({ data, isLoading, rightSlot }: Props) => {
|
|
return (
|
|
<>
|
|
<LogDecodedInputDataHeader
|
|
methodId={ data.method_id }
|
|
methodCall={ data.method_call }
|
|
isLoading={ isLoading }
|
|
rightSlot={ rightSlot }
|
|
/>
|
|
{ data.parameters.length > 0 && <LogDecodedInputDataTable data={ data.parameters } isLoading={ isLoading }/> }
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default React.memo(LogDecodedInputData);
|