Fouad
e5f41731ae
* bootstrap next app + add overview page * fix AssetList type * fix up nav stuff * Refactor Nav component and add network components pages * Refactor WorldMap component and update TelegramIcon, GitHubIcon, NymVpnIcon, DiscordIcon, and TwitterIcon components * add service providers page * mixnodes page * delegations page + use material react table for all tables * nodes map page * Refactor StyledLink component and remove unnecessary console.log statements * Refactor ESLint configuration, remove unused dependencies, and update component imports * update deps * Refactor imports and update dependencies * fix dark mode * build single mixnode page * build single gateway page * Refactor handleOnDelegate function to use useCallback in mixnodes page.tsx * Add defaults for constants --------- Co-authored-by: Mark Sinclair <mmsinclair@users.noreply.github.com>
35 lines
634 B
TypeScript
35 lines
634 B
TypeScript
import React from 'react'
|
|
import { Link as MuiLink, SxProps, Typography } from '@mui/material'
|
|
import Link from 'next/link'
|
|
|
|
type StyledLinkProps = {
|
|
to: string
|
|
children: string
|
|
target?: React.HTMLAttributeAnchorTarget
|
|
dataTestId?: string
|
|
color?: string
|
|
sx?: SxProps
|
|
}
|
|
|
|
const StyledLink = ({
|
|
to,
|
|
children,
|
|
dataTestId,
|
|
target,
|
|
color,
|
|
sx,
|
|
}: StyledLinkProps) => (
|
|
<Link
|
|
href={to}
|
|
target={target}
|
|
data-testid={dataTestId}
|
|
style={{ textDecoration: 'none' }}
|
|
>
|
|
<Typography component="a" sx={{ ...sx }} color={color}>
|
|
{children}
|
|
</Typography>
|
|
</Link>
|
|
)
|
|
|
|
export default StyledLink
|