Used link-like button in block explorer
This commit is contained in:
parent
1e5f72ebcc
commit
bbdc1c6e08
@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -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>
|
||||||
|
@ -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 ||
|
||||||
|
Loading…
Reference in New Issue
Block a user