ed8a7f559e
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: thomasnordquist <7721625+thomasnordquist@users.noreply.github.com> Co-authored-by: Thomas Nordquist <thomasnordquist@users.noreply.github.com>
25 lines
723 B
TypeScript
25 lines
723 B
TypeScript
import * as React from 'react'
|
|
import Add from '@mui/icons-material/Add'
|
|
import { Fab } from '@mui/material'
|
|
import { Theme } from '@mui/material/styles'
|
|
import { withStyles } from '@mui/styles'
|
|
|
|
const styles = (theme: Theme) => ({
|
|
addButton: {
|
|
height: theme.spacing(4),
|
|
width: theme.spacing(4),
|
|
minHeight: '0',
|
|
},
|
|
addIcon: {
|
|
height: theme.spacing(2),
|
|
},
|
|
})
|
|
|
|
export const AddButton = withStyles(styles)((props: { classes: any; action: any }) => (
|
|
<span id="addProfileButton" style={{ marginRight: '12px' }}>
|
|
<Fab size="small" color="secondary" aria-label="Add" className={props.classes.addButton} onClick={props.action}>
|
|
<Add className={props.classes.addIcon} />
|
|
</Fab>
|
|
</span>
|
|
))
|