mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-01-12 08:08:25 -05:00
38c3dc059e
* wc/wagmi/viem * replace * profile * replace context (,: * testing, clean up * wallet connect deploy * connect * remove type slive * podcast * podcast * heck yeah * feat: connect button * chore * trying siwe, network switch * redirect * prettying, cleaning up SIWE endpoints, & passing linting 🕊 * switching minting to Optimism & converting `ethers` to `wagmi` for contract access 🥧 * simplified onboarding & successfully minted ⛲ * typo * api key --------- Co-authored-by: Udit Takkar <udit222001@gmail.com> Co-authored-by: dysbulic <dys@dhappy.org>
33 lines
676 B
TypeScript
33 lines
676 B
TypeScript
import { AvatarProps, Flex, Image } from '@metafam/ds';
|
|
|
|
type RoundImageProps = AvatarProps & {
|
|
src?: string;
|
|
};
|
|
|
|
export const RoundImage: React.FC<RoundImageProps> = ({ src, ...props }) => (
|
|
<Flex
|
|
{...props}
|
|
position="relative"
|
|
mt="0 !important"
|
|
_after={{
|
|
content: '""',
|
|
display: 'block',
|
|
paddingBottom: '100%',
|
|
}}
|
|
border="2px"
|
|
borderRadius="50%"
|
|
borderColor="whiteAlpha.400"
|
|
_hover={{ bgGradient: 'linear(to-r, #7900FD, #FC01FC)' }}
|
|
>
|
|
<Image
|
|
position="absolute"
|
|
bg="#1B0D2A"
|
|
borderRadius="50%"
|
|
w="100%"
|
|
height="full"
|
|
objectFit="cover"
|
|
{...{ src }}
|
|
/>
|
|
</Flex>
|
|
);
|