mirror of
https://github.com/luxfi/explore.git
synced 2026-07-27 05:54:15 +00:00
Zach Kelling
d15691316a
- 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
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
|
|
import type * as tac from '@luxfi/tac-operation-lifecycle-types';
|
|
|
|
import { AddressHighlightProvider } from 'lib/contexts/addressHighlight';
|
|
import { TableBody, TableColumnHeader, TableHeaderSticky, TableRoot, TableRow } from 'toolkit/chakra/table';
|
|
import TimeFormatToggle from 'ui/shared/time/TimeFormatToggle';
|
|
|
|
import TacOperationsTableItem from './TacOperationsTableItem';
|
|
|
|
type Props = {
|
|
items: Array<tac.OperationBriefDetails>;
|
|
isLoading?: boolean;
|
|
};
|
|
|
|
const TacOperationsTable = ({ items, isLoading }: Props) => {
|
|
return (
|
|
<AddressHighlightProvider>
|
|
<TableRoot minW="950px">
|
|
<TableHeaderSticky top={ 68 }>
|
|
<TableRow>
|
|
<TableColumnHeader w="200px">Status</TableColumnHeader>
|
|
<TableColumnHeader w="100%">Operation</TableColumnHeader>
|
|
<TableColumnHeader w="200px">
|
|
Timestamp
|
|
<TimeFormatToggle/>
|
|
</TableColumnHeader>
|
|
<TableColumnHeader w="250px">Sender</TableColumnHeader>
|
|
</TableRow>
|
|
</TableHeaderSticky>
|
|
<TableBody>
|
|
{ items.map((item, index) => (
|
|
<TacOperationsTableItem key={ String(item.operation_id) + (isLoading ? index : '') } item={ item } isLoading={ isLoading }/>
|
|
)) }
|
|
</TableBody>
|
|
</TableRoot>
|
|
</AddressHighlightProvider>
|
|
);
|
|
};
|
|
|
|
export default TacOperationsTable;
|