mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
e6e83ee4e7
* envs and feature setup * home page layout * cross-chain txs page * cross-chain transfers page * cross-chain transfers on tx page * cross-chain messages on tx page * cross-chain tx page * cross-chain tx details token transfers * stats and counters for lists * migrate to new API version * add swagger * mobile lists * placeholder views on address page * tests * fix adaptive tabs initial state when there is only one tab in the list * tweaks * bug fixes * fix tests * update screenshots * migrate to new api version * add chain label tooltip, copy button to txs in lists and same address highlight * list views on address page * fix tests * fix links to current address in the list views * update tooltips * update tables layout * review fixes * fix spelling * update screenshots * update screenshot
58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
|
|
import type { TabItemRegular } from 'toolkit/components/AdaptiveTabs/types';
|
|
|
|
import RoutedTabs from 'toolkit/components/RoutedTabs/RoutedTabs';
|
|
import { ACTION_BAR_HEIGHT_DESKTOP } from 'ui/shared/ActionBar';
|
|
import PageTitle from 'ui/shared/Page/PageTitle';
|
|
import TxsStats from 'ui/txs/TxsStats';
|
|
import TxsTabs, { getTabId } from 'ui/txs/TxsTabs';
|
|
|
|
import TransactionsCrossChain from './TransactionsCrossChain';
|
|
|
|
const LOCAL_TAB_LIST_PROPS = {
|
|
marginBottom: 0,
|
|
pt: 6,
|
|
pb: { base: 9, lg: 3 },
|
|
};
|
|
const LOCAL_TAB_ID = 'txs_local';
|
|
const LOCAL_SUB_TABS = [ getTabId('validated', LOCAL_TAB_ID), getTabId('pending', LOCAL_TAB_ID), getTabId('blob_txs', LOCAL_TAB_ID) ];
|
|
|
|
const Transactions = () => {
|
|
const tabs: Array<TabItemRegular> = React.useMemo(() => {
|
|
return [
|
|
{
|
|
id: LOCAL_TAB_ID,
|
|
title: 'Txns',
|
|
component: (
|
|
<>
|
|
<TxsStats mb={ 0 }/>
|
|
<TxsTabs
|
|
parentTab={ LOCAL_TAB_ID }
|
|
variant="secondary"
|
|
size="sm"
|
|
tabsHeight={ ACTION_BAR_HEIGHT_DESKTOP }
|
|
listProps={ LOCAL_TAB_LIST_PROPS }
|
|
/>
|
|
</>
|
|
),
|
|
subTabs: LOCAL_SUB_TABS,
|
|
},
|
|
{
|
|
id: 'txs_cross_chain',
|
|
title: 'Cross-chain txns',
|
|
component: <TransactionsCrossChain/>,
|
|
},
|
|
];
|
|
}, [ ]);
|
|
|
|
return (
|
|
<>
|
|
<PageTitle withTextAd title="Transactions"/>
|
|
<RoutedTabs tabs={ tabs }/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default React.memo(Transactions);
|