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 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 (
<Image
{...props}
src={src}
sizes="3rem"
onError={() => setSrc(KeplrIcon)}
/>
<ImageWrapper>
<Image
{...props}
src={srcState}
alt="chain image"
sizes="3rem"
onError={() => setSrcState(KeplrIcon)}
/>
</ImageWrapper>
);
};
const ImageWrapper = styled.div`
img {
border-radius: 50%;
}
`;