mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
0d25334ac8
* show flag next to epoch block * block view customizations * add hint with link * display block epoch transfers * show epoch election reward types * show reward details * show base fee token from API * display current epoch on main page * mobile view * tests * add infinite scroll loading to reward details resource * update useApiQuery options * update screenshots * update layout of reward details on desktop * change hints of block epoch reward distribution
24 lines
730 B
TypeScript
24 lines
730 B
TypeScript
import { Grid } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { BlockBaseFeeCelo } from 'types/api/block';
|
|
|
|
import * as blockMock from 'mocks/blocks/block';
|
|
import { test, expect } from 'playwright/lib';
|
|
|
|
import BlockDetailsBaseFeeCelo from './BlockDetailsBaseFeeCelo';
|
|
|
|
test('base view +@mobile', async({ render }) => {
|
|
const component = await render(
|
|
<Grid
|
|
columnGap={ 8 }
|
|
rowGap={{ base: 3, lg: 3 }}
|
|
templateColumns={{ base: 'minmax(0, 1fr)', lg: 'minmax(min-content, 200px) minmax(0, 1fr)' }}
|
|
overflow="hidden"
|
|
>
|
|
<BlockDetailsBaseFeeCelo data={ blockMock.celo.celo?.base_fee as BlockBaseFeeCelo }/>
|
|
</Grid>,
|
|
);
|
|
await expect(component).toHaveScreenshot();
|
|
});
|