From 39d3bf2e7e4b9ed4d0cb0e9f090fef4a35f30d6d Mon Sep 17 00:00:00 2001
From: Renard
Date: Sun, 22 Sep 2019 12:38:15 -0300
Subject: Ajustes nightmode

---
 src/Home.js | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

(limited to 'src/Home.js')

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>
-- 
cgit v1.2.1-18-gbd029