diff --git a/components/chain-list/chain-image.tsx b/components/chain-list/chain-image.tsx index c40282f..fab6dfe 100644 --- a/components/chain-list/chain-image.tsx +++ b/components/chain-list/chain-image.tsx @@ -2,16 +2,26 @@ import { useState } from "react"; import Image, { ImageProps } from "next/image"; import KeplrIcon from "../../public/images/svg/keplr-icon.svg"; +import styled from "styled-components"; -export const ChainImage = (props: ImageProps) => { - const [src, setSrc] = useState(props.src); +export const ChainImage = ({ src, ...props }: ImageProps) => { + const [srcState, setSrcState] = useState(src); return ( - setSrc(KeplrIcon)} - /> + + chain image setSrcState(KeplrIcon)} + /> + ); }; + +const ImageWrapper = styled.div` + img { + border-radius: 50%; + } +`;