explore/ui/shared/fallbacks/FallbackRpcIcon.tsx

import React from 'react';

import { Tooltip } from '@luxfi/ui/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" className="size-5 text-[var(--color-orange-400)]" { ...props }/>
    </Tooltip>
  );
};

export default React.memo(FallbackRpcIcon);