All files / src/components/elements DomainImage.tsx

0% Statements 0/2
0% Branches 0/6
0% Functions 0/1
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32                                                               
import { Flex } from "rimble-ui";
import { baseColors } from "../../themes";
 
export interface DomainImageProps {
  background?: boolean;
  domain: string;
  size?: string;
}
 
export const DomainImage: React.FunctionComponent<DomainImageProps> = (props) => {
  return (
    <Flex alignItems="center" {...props}>
      <Flex
        alignItems="center"
        bg={props.background ? baseColors.white : "transparent"}
        borderRadius="50%"
        height={props.size || "20px"}
        justifyContent="center"
        p="3px"
        width={props.size || "20px"}
      >
        <img
          src={"https://www.google.com/s2/favicons?sz=64&domain=" + props.domain}
          alt={props.domain}
          width="100%"
          height="auto"
        />
      </Flex>
    </Flex>
  );
};