mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f0e713b877
* UI customizations: new features Fixes #2905 * colors for graphs * introduce env variable * colors for topbar, stats, selected state and tabs * fix build * fix validator * refactor link.primary.hover color token * refactor selected colors * update styles for switch and fix some color tokens * change color for selectable controls * icon color tokens refactoring * UI customizations: new features Fixes #2905 * test for common components * tweaks * migrate from color-mode-hex cookie to color-theme cookie * clean up * update screenshots * more screenshot updates * update default color of chart line * update envs for mega eth
35 lines
819 B
TypeScript
35 lines
819 B
TypeScript
import { chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import { IconButton } from 'toolkit/chakra/icon-button';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
|
|
interface Props {
|
|
loading?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
const AdditionalInfoButton = (props: Props, ref: React.ForwardedRef<HTMLButtonElement>) => {
|
|
const { loading, ...rest } = props;
|
|
|
|
return (
|
|
<IconButton
|
|
ref={ ref }
|
|
variant="icon_secondary"
|
|
_open={{
|
|
bgColor: 'selected.control.bg',
|
|
color: 'selected.control.text',
|
|
}}
|
|
borderRadius="base"
|
|
aria-label="Transaction info"
|
|
boxSize={ 6 }
|
|
loadingSkeleton={ loading }
|
|
{ ...rest }
|
|
>
|
|
<IconSvg name="info" boxSize={ 5 }/>
|
|
</IconButton>
|
|
);
|
|
};
|
|
|
|
export default chakra(React.forwardRef(AdditionalInfoButton));
|