LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Used link-like button in block explorer

Browse Source
This commit is contained in:
sam-keen 2022-03-22 15:39:56 +00:00
parent 1e5f72ebcc
commit bbdc1c6e08
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/explorer/src/app/components/blocks/blocks-refetch.tsx
View File

@ -1,15 +1,18 @@
import { Button } from '@vegaprotocol/ui-toolkit';
interface BlocksRefetchProps {
refetch: () => void;
}
export const BlocksRefetch = ({ refetch }: BlocksRefetchProps) => {
return (
<button
<Button
onClick={() => refetch()}
className="underline mb-28"
variant="inline-link"
className="mb-28"
data-testid="refresh"
>
Refresh to see latest blocks
</button>
</Button>
);
};

2
apps/explorer/src/index.html
View File

@ -9,6 +9,6 @@
<link rel="icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<div id="root"></div>
<div id="root" class="dark"></div>
</body>
</html>

2
libs/ui-toolkit/src/components/button/button.tsx
View File

@ -36,12 +36,12 @@ const getClassName = (
'justify-center',
'box-border',
'h-28',
'text-ui',
'hover:underline',
'disabled:no-underline',
'transition-all',
],
{
'text-ui': variant !== 'inline-link',
'no-underline': variant !== 'inline-link',
'pl-28': !(
paddingLeftProvided ||