diff --git a/components/tabs/Tab.js b/components/tabs/Tab.js index eb35c222..4b8487f8 100644 --- a/components/tabs/Tab.js +++ b/components/tabs/Tab.js @@ -2,11 +2,11 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; import classnames from 'classnames'; import { themr } from 'react-css-themr'; -import { FontIcon } from '../font_icon'; import { TABS } from '../identifiers'; import rippleFactory from '../ripple/Ripple'; +import InjectFontIcon from '../font_icon/FontIcon'; -const factory = (ripple) => { +const factory = (ripple, FontIcon) => { class Tab extends Component { static propTypes = { active: PropTypes.bool, @@ -77,7 +77,7 @@ const factory = (ripple) => { return ripple(Tab); }; -const Tab = factory(rippleFactory({ centered: false })); +const Tab = factory(rippleFactory({ centered: false }), InjectFontIcon); export default themr(TABS)(Tab); export { factory as tabFactory }; export { Tab }; diff --git a/components/tabs/index.js b/components/tabs/index.js index fe79fd20..b5ebaaa5 100644 --- a/components/tabs/index.js +++ b/components/tabs/index.js @@ -9,7 +9,7 @@ import theme from './theme.css'; const applyTheme = Component => themr(TABS, theme)(Component); const ThemedTabContent = applyTheme(TabContent); -const ThemedTab = applyTheme(tabFactory(themedRippleFactory({ centered: false }))); +const ThemedTab = applyTheme(tabFactory(themedRippleFactory({ centered: false }), FontIcon)); const ThemedTabs = applyTheme(tabsFactory(ThemedTab, ThemedTabContent, FontIcon)); export { ThemedTab as Tab };