From bf8e822fc7af0795b19c15e3dfd9c8b95bc0afd4 Mon Sep 17 00:00:00 2001
From: Nicola Brunner <brunnn@usi.ch>
Date: Wed, 6 May 2020 13:43:07 +0200
Subject: [PATCH] modified signup, uniformed message if no scene, device or
 hosts

---
 .../src/components/dashboard/DevicePanel.js   | 37 +++++++++++++------
 .../src/components/dashboard/HostsPanel.js    | 17 ++++++---
 .../src/components/dashboard/ScenesPanel.js   |  5 ++-
 smart-hut/src/views/Signup.js                 |  2 +-
 4 files changed, 42 insertions(+), 19 deletions(-)

diff --git a/smart-hut/src/components/dashboard/DevicePanel.js b/smart-hut/src/components/dashboard/DevicePanel.js
index 73196df..23db867 100644
--- a/smart-hut/src/components/dashboard/DevicePanel.js
+++ b/smart-hut/src/components/dashboard/DevicePanel.js
@@ -1,7 +1,7 @@
 // vim: set ts=2 sw=2 et tw=80:
 
 import React, { Component } from "react";
-import { Segment, Card } from "semantic-ui-react";
+import { Segment, Card, Header, Icon } from "semantic-ui-react";
 import Device from "./devices/Device";
 import NewDevice from "./devices/NewDevice";
 import { connect } from "react-redux";
@@ -25,16 +25,31 @@ class DevicePanel extends Component {
   render() {
     return (
       <Card.Group centered style={{ paddingTop: "3rem" }}>
-        {this.props.devices.map((e, i) => {
-          return <Device key={i} tab={this.props.tab} id={e.id} />;
-        })}
-        {!this.props.isActiveRoomHome ? (
-          <Card style={{ height: "27em" }}>
-            <Segment basic style={{ width: "100%", height: "100%" }}>
-              <NewDevice />
-            </Segment>
-          </Card>
-        ) : null}
+        {this.props.devices.length !== 0 ? (
+          <React.Fragment>
+            {this.props.devices.map((e, i) => {
+              return <Device key={i} tab={this.props.tab} id={e.id} />;
+            })}
+            {!this.props.isActiveRoomHome ? (
+              <Card style={{ height: "27em" }}>
+                <Segment basic style={{ width: "100%", height: "100%" }}>
+                  <NewDevice />
+                </Segment>
+              </Card>
+            ) : null}
+          </React.Fragment>
+        ) : (
+          <Segment placeholder>
+            <Header icon>
+              <Icon
+                name="exclamation triangle"
+                style={{ paddingBottom: "1rem" }}
+              />
+              Please create a room on the left, and then add devices to the
+              same.
+            </Header>
+          </Segment>
+        )}
       </Card.Group>
     );
   }
diff --git a/smart-hut/src/components/dashboard/HostsPanel.js b/smart-hut/src/components/dashboard/HostsPanel.js
index 2fb2da6..5a6d380 100644
--- a/smart-hut/src/components/dashboard/HostsPanel.js
+++ b/smart-hut/src/components/dashboard/HostsPanel.js
@@ -19,12 +19,17 @@ class HostsPanel extends Component {
   render() {
     if (this.props.isActiveDefaultHost) {
       return (
-        <Segment placeholder style={{ paddingTop: "3rem" }}>
-          <Header icon>
-            <Icon name="folder open" />
-            Please select a host to visit on the left.
-          </Header>
-        </Segment>
+        <Card.Group centered style={{ paddingTop: "3rem" }}>
+          <Segment placeholder>
+            <Header icon>
+              <Icon
+                name="exclamation triangle"
+                style={{ paddingBottom: "1rem" }}
+              />
+              Please select a host to visit on the left.
+            </Header>
+          </Segment>
+        </Card.Group>
       );
     }
 
diff --git a/smart-hut/src/components/dashboard/ScenesPanel.js b/smart-hut/src/components/dashboard/ScenesPanel.js
index a9b2210..2be4cd1 100644
--- a/smart-hut/src/components/dashboard/ScenesPanel.js
+++ b/smart-hut/src/components/dashboard/ScenesPanel.js
@@ -44,7 +44,10 @@ class ScenesPanel extends Component {
         ) : (
           <Segment placeholder>
             <Header icon>
-              <Icon name="folder open" />
+              <Icon
+                name="exclamation triangle"
+                style={{ paddingBottom: "1rem" }}
+              />
               Please select a scene on the left or add a new one.
             </Header>
           </Segment>
diff --git a/smart-hut/src/views/Signup.js b/smart-hut/src/views/Signup.js
index 5ad8af5..c0de088 100644
--- a/smart-hut/src/views/Signup.js
+++ b/smart-hut/src/views/Signup.js
@@ -116,7 +116,7 @@ export default class Signup extends Component {
               <Form.Input
                 icon="lock"
                 iconPosition="left"
-                placeholder="Password (at least 8 characters)"
+                placeholder="Password (at least 6 characters)"
                 name="password"
                 type="password"
                 onChange={this.onChangeHandler}