/
ApplicationContext.js
44 lines (37 loc) · 1.2 KB
/
ApplicationContext.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import React from "react";
import radium, {StyleRoot} from "radium";
// import prefixAll from "radium-plugin-prefix-all";
import Application from "./Application.js";
class ApplicationContext extends React.Component {
static contextTypes = {
headers: React.PropTypes.shape({
host: React.PropTypes.string,
userAgent: React.PropTypes.string
})
};
static propTypes = {
children: React.PropTypes.any
};
render() {
const {headers} = this.context;
return (
<StyleRoot radiumConfig={{
userAgent: headers.userAgent,
plugins: [
radium.Plugins.mergeStyleArray,
radium.Plugins.checkProps,
radium.Plugins.resolveMediaQueries,
radium.Plugins.resolveInteractionStyles,
radium.Plugins.prefix,
// prefixAll,
// customRadiumPlugin
// ...etc
radium.Plugins.checkProps
]
}}>
<Application {...this.props} />
</StyleRoot>
);
}
}
export default ApplicationContext;