/
Index.js
39 lines (36 loc) · 1014 Bytes
/
Index.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
import React, { Component } from 'react';
import radium, { StyleRoot } from 'radium';
import { Link } from 'react-router';
import { defineMessages, FormattedMessage } from 'react-intl';
import Helmet from 'react-helmet';
import Theme from '../themes';
const messages = defineMessages({
welcomeMessage: {
id: 'index.helloWorld',
description: 'Welcome message for a user or guest',
defaultMessage: 'Hello World!'
},
takeMeHome: {
id: 'index.takeMeHome',
description: 'Message for LINK button take me home',
defaultMessage: 'Take me home...'
}
});
class Index extends Component {
render() {
return (
<StyleRoot id="index">
<Helmet title="Index" />
<div>
<FormattedMessage { ...messages.welcomeMessage } />
</div>
<Link to={ '/home' }>
<Theme render="Button">
<FormattedMessage { ...messages.takeMeHome } />
</Theme>
</Link>
</StyleRoot>
);
}
}
export default radium( Index );