cerc-io/icns-frontend
16
0
Fork 0
forked from LaconicNetwork/icns-frontend
Code Pull Requests Actions Activity

Merge branch 'main' of github.com:interchain-name/icns-frontend

Browse Source
This commit is contained in:
HeesungB 2022-12-17 01:25:28 +09:00
commit 75656943a1
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/chain-list/chain-image.tsx
View File

@ -2,16 +2,26 @@ import { useState } from "react";
import Image, { ImageProps } from "next/image"; import Image, { ImageProps } from "next/image";
import KeplrIcon from "../../public/images/svg/keplr-icon.svg"; import KeplrIcon from "../../public/images/svg/keplr-icon.svg";
import styled from "styled-components";
export const ChainImage = (props: ImageProps) => { export const ChainImage = ({ src, ...props }: ImageProps) => {
const [src, setSrc] = useState(props.src); const [srcState, setSrcState] = useState(src);
return ( return (
<Image <ImageWrapper>
{...props} <Image
src={src} {...props}
sizes="3rem" src={srcState}
onError={() => setSrc(KeplrIcon)} alt="chain image"
/> sizes="3rem"
onError={() => setSrcState(KeplrIcon)}
/>
</ImageWrapper>
); );
}; };
const ImageWrapper = styled.div`
img {
border-radius: 50%;
}
`;