mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
* basic login button implementation * refactoring and add dynamic auth button to the other pages * connect wallet without authenticating an user * login and logout user in blockscout account * refactoring and RPC overrides * authenticate user with connected wallet * add ENS to profile button * override evm chains and fix contract write with waas wallet * disconnect wallet and fix docker build * add dynamic imports to components that use web3 wallet packages * refactor user profile directory * clean up * tweaks * update pw ci script * fix "connect wallet" button behavior * handle linking email to profile with dynamic provider * fix test * async loading web3 hooks and remove dynamic loading from components that use them * fix pw tests * add account navigation in horizontal layout when auth provider is dynamic * fix address verification modal * review fixes * spelling fixes
27 lines
649 B
TypeScript
27 lines
649 B
TypeScript
import { Box } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { NavLink } from './types';
|
|
|
|
import { Link } from 'toolkit/chakra/link';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
|
|
const UserProfileContentNavLink = ({ href, icon, text, onClick }: NavLink) => {
|
|
return (
|
|
<Link
|
|
href={ href }
|
|
display="flex"
|
|
alignItems="center"
|
|
columnGap={ 3 }
|
|
py="14px"
|
|
onClick={ onClick }
|
|
variant="menu"
|
|
>
|
|
<IconSvg name={ icon } boxSize={ 5 } flexShrink={ 0 }/>
|
|
<Box textStyle="sm" fontWeight="500">{ text }</Box>
|
|
</Link>
|
|
);
|
|
};
|
|
|
|
export default React.memo(UserProfileContentNavLink);
|