otterscan/src/components/AddressLink.tsx
2021-07-06 02:04:46 -03:00

21 lines
480 B
TypeScript

import React from "react";
import { NavLink } from "react-router-dom";
type AddressLinkProps = {
address: string;
text?: string;
};
const AddressLink: React.FC<AddressLinkProps> = ({ address, text }) => (
<NavLink
className="text-link-blue hover:text-link-blue-hover font-address truncate"
to={`/address/${address}`}
>
<p className="truncate" title={text ?? address}>
{text ?? address}
</p>
</NavLink>
);
export default React.memo(AddressLink);