diff options
author | Renard | 2019-09-22 12:38:15 -0300 |
---|---|---|
committer | Renard | 2019-09-22 12:38:15 -0300 |
commit | 39d3bf2e7e4b9ed4d0cb0e9f090fef4a35f30d6d (patch) | |
tree | 6271734832e1e4e37429041f688c79c5f489e9af /src/Home.js | |
parent | 1045313d6c355ab9e2a09e6122fd5b9d50faef31 (diff) | |
download | bai-client-39d3bf2e7e4b9ed4d0cb0e9f090fef4a35f30d6d.tar.gz bai-client-39d3bf2e7e4b9ed4d0cb0e9f090fef4a35f30d6d.tar.xz bai-client-39d3bf2e7e4b9ed4d0cb0e9f090fef4a35f30d6d.zip |
Ajustes nightmode
Diffstat (limited to 'src/Home.js')
-rw-r--r-- | src/Home.js | 23 |
1 files changed, 14 insertions, 9 deletions
diff --git a/src/Home.js b/src/Home.js index 5832ce4..5dd8006 100644 --- a/src/Home.js +++ b/src/Home.js @@ -104,6 +104,7 @@ class Home extends Component { } const { newThreadsList, lastAgeThreads, latestNews } = this.state; + const { nightMode } = this.props; document.title = "B.a.I Home"; return ( <Grid @@ -111,14 +112,14 @@ class Home extends Component { divided container doubling - className={ - this.props.nightMode ? "homeContainer inverted" : "homeContainer" - } + className={nightMode ? "homeContainer inverted" : "homeContainer"} > <Grid.Row> <Grid.Column> - <Header as="h4">Hilos activos</Header> - <List divided> + <Header as="h4" inverted={nightMode}> + Hilos activos + </Header> + <List divided inverted={nightMode}> {lastAgeThreads.map(thread => ( <List.Item key={thread.id}> <List.Icon @@ -149,8 +150,10 @@ class Home extends Component { </List> </Grid.Column> <Grid.Column> - <Header as="h4">Nuevos hilos</Header> - <List divided> + <Header as="h4" inverted={nightMode}> + Nuevos hilos + </Header> + <List divided inverted={nightMode}> {newThreadsList.map(thread => ( <List.Item key={thread.id}> <List.Icon @@ -183,8 +186,10 @@ class Home extends Component { </Grid.Row> <Grid.Row columns={1}> <Grid.Column> - <Header as="h4">Blotter</Header> - <List divided> + <Header as="h4" inverted={nightMode}> + Blotter + </Header> + <List divided inverted={nightMode}> {latestNews.map(n => ( <List.Item key={n.timestamp}> <List.Content> |