mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f4cab7f9d7
* fallback components * home page graphs: fix tab title flickering * degraded views * fix tx degraded view when initial query is refetching * call unwatch when components unmount * tests * use context to store rpc data * stats degraded state * update tests * RPC data hint * fixes * review fixes * condition fix * cover ads in test
20 lines
563 B
TypeScript
20 lines
563 B
TypeScript
import React from 'react';
|
|
|
|
import { Tooltip } from 'toolkit/chakra/tooltip';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
import type { IconName, Props as IconSvgProps } from 'ui/shared/IconSvg';
|
|
|
|
interface Props extends Omit<IconSvgProps, 'name'> {
|
|
name?: IconName;
|
|
}
|
|
|
|
const FallbackRpcIcon = (props: Props) => {
|
|
return (
|
|
<Tooltip content="Our indexer is experiencing problems, you see the data directly from RPC">
|
|
<IconSvg name="RPC" color="orange.400" boxSize={ 5 } { ...props }/>
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
export default React.memo(FallbackRpcIcon);
|