Used link-like button in block explorer

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

View File

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

View File

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

View File

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