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>
31 lines
885 B
TypeScript
31 lines
885 B
TypeScript
import * as React from 'react'
|
|
import { Box, Typography } from '@mui/material'
|
|
import { useTheme } from '@mui/material/styles'
|
|
import { Tooltip } from '@nymproject/react/tooltip/Tooltip'
|
|
|
|
export const CustomColumnHeading: FCWithChildren<{
|
|
headingTitle: string
|
|
tooltipInfo?: string
|
|
}> = ({ headingTitle, tooltipInfo }) => {
|
|
const theme = useTheme()
|
|
|
|
return (
|
|
<Box alignItems="center" display="flex">
|
|
{tooltipInfo && (
|
|
<Tooltip
|
|
title={tooltipInfo}
|
|
id={headingTitle}
|
|
placement="top-start"
|
|
textColor={theme.palette.nym.networkExplorer.tooltip.color}
|
|
bgColor={theme.palette.nym.networkExplorer.tooltip.background}
|
|
maxWidth={230}
|
|
arrow
|
|
/>
|
|
)}
|
|
<Typography variant="body2" fontWeight={600} data-testid={headingTitle}>
|
|
{headingTitle}
|
|
</Typography>
|
|
</Box>
|
|
)
|
|
}
|