mirror of
https://github.com/luxfi/explore.git
synced 2026-10-30 16:57:53 +00:00
zeekay
da79f9e711
- Rename all @blockscout/* npm packages to @luxfi/* aliases (150+ files) - Override blue accent colors to gray for monochrome theme - Fix dropdown/menu/popover fonts to use Geist Sans - Change Latest Blocks to horizontal scrolling layout - Show dashes instead of zeros for validator stats on error - Fix GHA deploy step to use correct deployment name
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import type { UseQueryResult } from '@tanstack/react-query';
|
|
import React from 'react';
|
|
|
|
import type * as tac from '@luxfi/tac-operation-lifecycle-types';
|
|
|
|
import type { ResourceError } from 'lib/api/resources';
|
|
import TestnetWarning from 'ui/shared/alerts/TestnetWarning';
|
|
import BlockPendingUpdateAlert from 'ui/shared/block/BlockPendingUpdateAlert';
|
|
import DataFetchAlert from 'ui/shared/DataFetchAlert';
|
|
|
|
import TxInfo from './details/TxInfo';
|
|
import type { TxQuery } from './useTxQuery';
|
|
|
|
interface Props {
|
|
txQuery: TxQuery;
|
|
tacOperationQuery?: UseQueryResult<tac.OperationsFullResponse, ResourceError>;
|
|
}
|
|
|
|
const TxDetails = ({ txQuery, tacOperationQuery }: Props) => {
|
|
if (txQuery.isError) {
|
|
return <DataFetchAlert/>;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<div className="flex flex-col gap-y-1 lg:gap-y-2 mb-3 lg:mb-6">
|
|
<TestnetWarning isLoading={ txQuery.isPlaceholderData }/>
|
|
{ txQuery.data?.is_pending_update && <BlockPendingUpdateAlert view="tx"/> }
|
|
</div>
|
|
<TxInfo
|
|
data={ txQuery.data }
|
|
tacOperations={ tacOperationQuery?.data?.items }
|
|
isLoading={ txQuery.isPlaceholderData || (tacOperationQuery?.isPlaceholderData ?? false) }
|
|
socketStatus={ txQuery.socketStatus }
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default React.memo(TxDetails);
|