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>
59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
import * as React from 'react'
|
|
import { Box, IconButton } from '@mui/material'
|
|
import { useTheme } from '@mui/material/styles'
|
|
import { TelegramIcon } from '../icons/socials/TelegramIcon'
|
|
import { GitHubIcon } from '../icons/socials/GitHubIcon'
|
|
import { TwitterIcon } from '../icons/socials/TwitterIcon'
|
|
import { DiscordIcon } from '../icons/socials/DiscordIcon'
|
|
|
|
// socials
|
|
export const TELEGRAM_LINK = 'https://t.me/nymchan'
|
|
export const TWITTER_LINK = 'https://twitter.com/nymproject'
|
|
export const GITHUB_LINK = 'https://github.com/nymtech'
|
|
export const DISCORD_LINK = 'https://discord.gg/nym'
|
|
|
|
export const Socials: FCWithChildren<{ isFooter?: boolean }> = ({
|
|
isFooter = false,
|
|
}) => {
|
|
const theme = useTheme()
|
|
const color = isFooter
|
|
? theme.palette.nym.networkExplorer.footer.socialIcons
|
|
: theme.palette.nym.networkExplorer.topNav.socialIcons
|
|
return (
|
|
<Box>
|
|
<IconButton
|
|
component="a"
|
|
href={TELEGRAM_LINK}
|
|
target="_blank"
|
|
data-testid="telegram"
|
|
>
|
|
<TelegramIcon color={color} size={24} />
|
|
</IconButton>
|
|
<IconButton
|
|
component="a"
|
|
href={DISCORD_LINK}
|
|
target="_blank"
|
|
data-testid="discord"
|
|
>
|
|
<DiscordIcon color={color} size={24} />
|
|
</IconButton>
|
|
<IconButton
|
|
component="a"
|
|
href={TWITTER_LINK}
|
|
target="_blank"
|
|
data-testid="twitter"
|
|
>
|
|
<TwitterIcon color={color} size={24} />
|
|
</IconButton>
|
|
<IconButton
|
|
component="a"
|
|
href={GITHUB_LINK}
|
|
target="_blank"
|
|
data-testid="github"
|
|
>
|
|
<GitHubIcon color={color} size={24} />
|
|
</IconButton>
|
|
</Box>
|
|
)
|
|
}
|