mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
3478c3fa51
* integrate erc-7984 * minor fix * FHE operations and tags * upd * upd * fix mobile * upd * fix mobile * Update TxFHEOperations.tsx * upd * add hover text * Update Address.tsx * Update Address.tsx * add hover text * Revert "Merge branch 'both-prs' into fhe-operations" This reverts commit a8d48de2c077fed37581948ad07576ec751d2003, reversing changes made to f253cae03dc71d38c3fa92fcad29f7be11467521. * fix design of fhe ops page * fix design of fhe ops page * fix design of fhe ops page * fix design of fhe ops page * fix comments * fix: tab name * upd --------- Co-authored-by: Maksym Zub <[email protected]>
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
import { Box } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { FheOperation } from 'types/api/fheOperations';
|
|
|
|
import { AddressHighlightProvider } from 'lib/contexts/addressHighlight';
|
|
import { TableBody, TableColumnHeader, TableHeader, TableRoot, TableRow } from 'toolkit/chakra/table';
|
|
import TxFHEOperationsTableItem from 'ui/tx/fheOperations/TxFHEOperationsTableItem';
|
|
|
|
interface Props {
|
|
data: Array<FheOperation>;
|
|
isLoading?: boolean;
|
|
}
|
|
|
|
const TxFHEOperationsTable = ({ data, isLoading }: Props) => {
|
|
return (
|
|
<AddressHighlightProvider>
|
|
<Box maxW="100%" overflowX="auto" hideBelow="lg">
|
|
<TableRoot tableLayout="fixed" minWidth="900px" w="100%">
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableColumnHeader width="10%">Index</TableColumnHeader>
|
|
<TableColumnHeader width="15%">Operation</TableColumnHeader>
|
|
<TableColumnHeader width="12%">Type</TableColumnHeader>
|
|
<TableColumnHeader width="12%">FHE type</TableColumnHeader>
|
|
<TableColumnHeader width="12%">Mode</TableColumnHeader>
|
|
<TableColumnHeader width="12%">HCU cost</TableColumnHeader>
|
|
<TableColumnHeader width="12%">HCU depth</TableColumnHeader>
|
|
<TableColumnHeader width="24%">Caller</TableColumnHeader>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{ data.map((op) => (
|
|
<TxFHEOperationsTableItem
|
|
key={ op.log_index }
|
|
{ ...op }
|
|
isLoading={ isLoading }
|
|
/>
|
|
)) }
|
|
</TableBody>
|
|
</TableRoot>
|
|
</Box>
|
|
</AddressHighlightProvider>
|
|
);
|
|
};
|
|
|
|
export default React.memo(TxFHEOperationsTable);
|