FontIcon inside FlatButton does not obey the color property

[FaideWW]

Problem description

Adding a FontIcon to a FlatButton as its icon property will ignore that icon's color property.

This can be seen in the documentation for FlatButton as well. The android icon inside the green button should be white, but instead it's black.

Steps to reproduce

This is the snippet I'm observing the problem in:

const fillIcon = <FontIcon className="material-icons" color="#f00">palette</FontIcon>
return (
  <div>
    {fillIcon}
    <FlatButton icon={fillIcon} label="Fill" />
  </div>
);

Screenshot of the above:

Versions

• Material-UI: 0.15.0
• React: 15.1.0
• Browser: Chrome 51.0, Firefox 47.0

[nathanmarks]

@mbrookes you'll like this one.

[FaideWW]

I just saw this has been fixed in 0.15.1 (via #4160). My bad, sorry!