fix: typos and small ui improvements
This commit is contained in:
parent
0aae7ac1ff
commit
a710a1b33a
17 changed files with 102 additions and 109 deletions
|
|
@ -0,0 +1,38 @@
|
|||
import { makeStyles } from '@material-ui/core'
|
||||
import React from 'react'
|
||||
|
||||
import { ActionButton } from 'src/components/buttons'
|
||||
import { ReactComponent as InverseLinkIcon } from 'src/styling/icons/action/external link/white.svg'
|
||||
import { ReactComponent as LinkIcon } from 'src/styling/icons/action/external link/zodiac.svg'
|
||||
import { spacer, primaryColor } from 'src/styling/variables'
|
||||
|
||||
const useStyles = makeStyles({
|
||||
actionButton: {
|
||||
marginBottom: spacer * 4
|
||||
},
|
||||
actionButtonLink: {
|
||||
textDecoration: 'none',
|
||||
color: primaryColor
|
||||
}
|
||||
})
|
||||
|
||||
const SupportLinkButton = ({ link, label }) => {
|
||||
const classes = useStyles()
|
||||
return (
|
||||
<a
|
||||
className={classes.actionButtonLink}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
href={link}>
|
||||
<ActionButton
|
||||
className={classes.actionButton}
|
||||
color="primary"
|
||||
Icon={LinkIcon}
|
||||
InverseIcon={InverseLinkIcon}>
|
||||
{label}
|
||||
</ActionButton>
|
||||
</a>
|
||||
)
|
||||
}
|
||||
|
||||
export default SupportLinkButton
|
||||
Loading…
Add table
Add a link
Reference in a new issue