diff options
author | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-03-07 14:22:49 -0300 |
---|---|---|
committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-03-07 17:06:55 -0300 |
commit | 99d03c1f4b2d4e10561fc4d0bef14ccd12ad0f9d (patch) | |
tree | 9b5135af5ed36f86b07c617fa5b23469ac519f6a /web-ui/src/common/app.js | |
parent | c36b8ca0fee86f52096a5336fd009d58a7279f37 (diff) |
[#923] Add material-ui framework
Added material-ui framework (http://www.material-ui.com/#/) to facilitate
the creation of UI components. I also adapted some colors to be compatible
with our style guide.
Diffstat (limited to 'web-ui/src/common/app.js')
-rw-r--r-- | web-ui/src/common/app.js | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/web-ui/src/common/app.js b/web-ui/src/common/app.js index 03a69fc9..b8302000 100644 --- a/web-ui/src/common/app.js +++ b/web-ui/src/common/app.js @@ -19,11 +19,18 @@ import React from 'react'; import { I18nextProvider } from 'react-i18next'; import internationalization from 'src/common/i18n'; +import injectTapEventPlugin from 'react-tap-event-plugin'; +import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; +import materialPixTheme from 'src/common/materialPixTheme'; + +injectTapEventPlugin(); const App = ({ i18n = internationalization, child }) => ( - <I18nextProvider i18n={i18n}> - {child} - </I18nextProvider> + <MuiThemeProvider muiTheme={materialPixTheme}> + <I18nextProvider i18n={i18n}> + {child} + </I18nextProvider> + </MuiThemeProvider> ); App.propTypes = { |