feat: Changed add machine button to be according to spec

This commit is contained in:
Cesar 2020-11-25 17:05:31 +00:00 committed by Josh Harvey
parent 179a0270e5
commit e11d894bd6

View file

@ -3,9 +3,11 @@ import classnames from 'classnames'
import React, { memo, useState } from 'react'
import { NavLink, useHistory } from 'react-router-dom'
import { Link } from 'src/components/buttons'
import ActionButton from 'src/components/buttons/ActionButton'
import { H4 } from 'src/components/typography'
import AddMachine from 'src/pages/AddMachine'
import { ReactComponent as AddIconReverse } from 'src/styling/icons/button/add/white.svg'
import { ReactComponent as AddIcon } from 'src/styling/icons/button/add/zodiac.svg'
import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
import styles from './Header.styles'
@ -76,9 +78,14 @@ const Header = memo(({ tree }) => {
</NavLink>
))}
</ul>
<Link color="action" onClick={() => setOpen(true)}>
Add Machine
</Link>
<ActionButton
className={classes.mr}
color="secondary"
Icon={AddIcon}
InverseIcon={AddIconReverse}
onClick={() => setOpen(true)}>
Add machine
</ActionButton>
</nav>
</div>
</div>