Commit 4889222d authored by isstuev's avatar isstuev

merge fixes

parent 1ca78283
...@@ -16,7 +16,7 @@ interface Props { ...@@ -16,7 +16,7 @@ interface Props {
const BlocksTable = ({ data }: Props) => { const BlocksTable = ({ data }: Props) => {
return ( return (
<Table variant="simple" minWidth="1040px" size="md" fontWeight={ 500 } mt={ 8 }> <Table variant="simple" minWidth="1040px" size="md" fontWeight={ 500 } mt={ 8 }>
<Thead> <Thead>
<Tr> <Tr>
<Th width="125px">Block</Th> <Th width="125px">Block</Th>
......
...@@ -93,7 +93,7 @@ const TxsContent = ({ ...@@ -93,7 +93,7 @@ const TxsContent = ({
return ( return (
<> <>
{ showDescription && <Box mb={ 12 }>Only the first 10,000 elements are displayed</Box> } { showDescription && <Box mb={ 12 }>Only the first 10,000 elements are displayed</Box> }
<TxsHeader sorting={ sorting } paginationProps={ paginationProps }/> <TxsHeader sorting={ sorting } setSorting={ setSorting } paginationProps={ paginationProps }/>
{ content } { content }
</> </>
); );
......
...@@ -9,19 +9,20 @@ import useIsMobile from 'lib/hooks/useIsMobile'; ...@@ -9,19 +9,20 @@ import useIsMobile from 'lib/hooks/useIsMobile';
import ScrollDirectionContext from 'ui/ScrollDirectionContext'; import ScrollDirectionContext from 'ui/ScrollDirectionContext';
import Pagination from 'ui/shared/Pagination'; import Pagination from 'ui/shared/Pagination';
import type { Props as PaginationProps } from 'ui/shared/Pagination'; import type { Props as PaginationProps } from 'ui/shared/Pagination';
import SortButton from 'ui/shared/SortButton'; import TxsSorting from 'ui/txs/TxsSorting';
// import TxsFilters from './TxsFilters'; // import TxsFilters from './TxsFilters';
type Props = { type Props = {
sorting: Sort; sorting: Sort;
setSorting: (val: Sort | ((val: Sort) => Sort)) => void;
paginationProps: PaginationProps; paginationProps: PaginationProps;
} }
const TOP_UP = 106; const TOP_UP = 106;
const TOP_DOWN = 0; const TOP_DOWN = 0;
const TxsHeader = ({ sorting, paginationProps }: Props) => { const TxsHeader = ({ sorting, setSorting, paginationProps }: Props) => {
const [ isSticky, setIsSticky ] = React.useState(false); const [ isSticky, setIsSticky ] = React.useState(false);
const ref = React.useRef<HTMLDivElement>(null); const ref = React.useRef<HTMLDivElement>(null);
...@@ -79,10 +80,10 @@ const TxsHeader = ({ sorting, paginationProps }: Props) => { ...@@ -79,10 +80,10 @@ const TxsHeader = ({ sorting, paginationProps }: Props) => {
appliedFiltersNum={ 0 } appliedFiltersNum={ 0 }
/> */ } /> */ }
{ isMobile && ( { isMobile && (
<SortButton <TxsSorting
// eslint-disable-next-line react/jsx-no-bind isActive={ Boolean(sorting) }
handleSort={ () => {} } setSorting={ setSorting }
isSortActive={ Boolean(sorting) } sorting={ sorting }
/> />
) } ) }
{ /* api is not implemented */ } { /* api is not implemented */ }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment