update semantic ui, use placeholder for empty message segment

systemli · Nov 8, 2018 · 16d1e01 · 16d1e01
1 parent 67c66dc
commit 16d1e01
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 19 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -46,8 +46,8 @@
     "react-router-dom": "^4.3.1",
     "react-twitter-auth": "0.0.12",
     "resolve": "^1.8.1",
-    "semantic-ui-css": "^2.3.3",
-    "semantic-ui-react": "^0.82.3",
+    "semantic-ui-css": "^2.4.1",
+    "semantic-ui-react": "^0.83.0",
     "style-loader": "^0.23.0",
     "uglifyjs-webpack-plugin": "^1.3.0",
     "url-loader": "^1.1.1",

diff --git a/src/App.js b/src/App.js
@@ -175,9 +175,9 @@ class App extends Component {
   renderMessages () {
     if (this.state.messages === undefined || this.state.messages.length === 0) {
       return (
-        <Segment style={{margin: '2em 0 0'}}>
-          <Header icon size={'small'}>
-            <Icon name='hourglass half' color={'grey'} size={'small'}/>
+        <Segment placeholder>
+          <Header icon>
+            <Icon name='hourglass half' color={'grey'}/>
             We dont have any messages at the moment.
           </Header>
         </Segment>