Add settings icon to Button
This commit is contained in:
parent
5d07d72073
commit
869547dc93
2 changed files with 10 additions and 0 deletions
|
|
@ -86,6 +86,11 @@
|
||||||
fill: none;
|
fill: none;
|
||||||
stroke: $grey-50;
|
stroke: $grey-50;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.settings svg {
|
||||||
|
height: 13px;
|
||||||
|
width: 13px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.Active {
|
&.Active {
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,7 @@ import EditIcon from '~public/icons/Edit.svg'
|
||||||
import LinkIcon from '~public/icons/Link.svg'
|
import LinkIcon from '~public/icons/Link.svg'
|
||||||
import MenuIcon from '~public/icons/Menu.svg'
|
import MenuIcon from '~public/icons/Menu.svg'
|
||||||
import SaveIcon from '~public/icons/Save.svg'
|
import SaveIcon from '~public/icons/Save.svg'
|
||||||
|
import SettingsIcon from '~public/icons/Settings.svg'
|
||||||
|
|
||||||
import './index.scss'
|
import './index.scss'
|
||||||
|
|
||||||
|
|
@ -68,6 +69,10 @@ class Button extends React.Component<Props, State> {
|
||||||
icon = <span className='icon stroke'>
|
icon = <span className='icon stroke'>
|
||||||
<SaveIcon />
|
<SaveIcon />
|
||||||
</span>
|
</span>
|
||||||
|
} else if (this.props.icon === 'settings') {
|
||||||
|
icon = <span className='icon settings'>
|
||||||
|
<SettingsIcon />
|
||||||
|
</span>
|
||||||
}
|
}
|
||||||
|
|
||||||
const classes = classNames({
|
const classes = classNames({
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue