Advertisement
Guest User

Untitled

a guest
Oct 17th, 2018
135
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. class MetaThemeColor extends React.Component {
  2.     render() {
  3.         const {color} = this.props;
  4.  
  5.         if (window && window.document) {
  6.             const metaThemeColor = window.document.createElement('meta');
  7.  
  8.             const nameAttribute = window.document.createAttribute('name');
  9.             nameAttribute.value = 'theme-color';
  10.             const contentAttribute = window.document.createAttribute('content');
  11.             contentAttribute.value = color;
  12.  
  13.             metaThemeColor.setAttributeNode(nameAttribute);
  14.             metaThemeColor.setAttributeNode(contentAttribute);
  15.  
  16.             window.document.getElementsByTagName('head')[0].appendChild(metaThemeColor);
  17.         }
  18.  
  19.         return null;
  20.     }
  21. }
  22.  
  23. //в render()-методе App:
  24. render() {
  25.         const {localeStore} = this.props;
  26.         const pickersLocale = muiPickersLocaleMap[localeStore.currentLocale] || enLocale;
  27.  
  28.         return <div style={{
  29.             flexGrow: 1
  30.         }}>
  31.             <MuiThemeProvider theme={theme}>
  32.                 <MuiPickersUtilsProvider utils={DateFnsUtils} locale={pickersLocale}>
  33.                     <MetaThemeColor color={theme.palette.primary.main}/>
  34.                     <MobxRouter/>
  35.                 </MuiPickersUtilsProvider>
  36.             </MuiThemeProvider>
  37.         </div>
  38.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement