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> ); }; |