From 733d2ee44f365c08e9095d2174f2480f68a3b6fc Mon Sep 17 00:00:00 2001
From: Fil Cesana <cesanf@usi.ch>
Date: Tue, 24 Mar 2020 17:37:05 +0100
Subject: [PATCH] fix

---
 smart-hut/src/components/HeaderController.js |  68 ++++------
 smart-hut/src/views/ConfirmResetPassword.js  | 136 +++++++++----------
 2 files changed, 93 insertions(+), 111 deletions(-)

diff --git a/smart-hut/src/components/HeaderController.js b/smart-hut/src/components/HeaderController.js
index 4391de6..acc4259 100644
--- a/smart-hut/src/components/HeaderController.js
+++ b/smart-hut/src/components/HeaderController.js
@@ -5,14 +5,11 @@ import {
   BrowserView,
   MobileView,
   isBrowser,
-  isMobile
+  isMobile,
 } from "react-device-detect";
 
 const AvatarImage = () => (
-  <Image 
-  src="avatar3.png" 
-  style={{ width: "25px", height: "auto" }} 
-  centered />
+  <Image src="avatar3.png" style={{ width: "25px", height: "auto" }} centered />
 );
 
 const IconHomeImage = () => (
@@ -35,15 +32,9 @@ const IconHomeImageMobile = () => (
   />
 );
 
-const TitleImage = () => (
-  <Image 
-    src="title7.png" 
-    size="medium" 
-    centered 
-  />
-);
+const TitleImage = () => <Image src="title7.png" size="medium" centered />;
 
-const BrowserStructure = (props) => ( 
+const BrowserStructure = (props) => (
   <Grid columns="equal" divided inverted padded>
     <Grid.Row color="black" textAlign="center">
       <Grid.Column width={3} height={0.5}>
@@ -76,10 +67,10 @@ const BrowserStructure = (props) => (
         </Dropdown>
       </Grid.Column>
     </Grid.Row>
-  </Grid> 
+  </Grid>
 );
 
-const MobileStructure = (props) => ( 
+const MobileStructure = (props) => (
   <Grid columns="equal" divided inverted padded>
     <Grid.Row color="black" textAlign="center">
       <Segment color="black" inverted>
@@ -90,36 +81,29 @@ const MobileStructure = (props) => (
       <Grid.Column>
         <IconHomeImage />
       </Grid.Column>
-      <Grid.Column >
-      <AvatarImage />
-      <Divider />
-      <Dropdown item icon="setting" size="huge">
-        <Dropdown.Menu>
-          <Dropdown.Item>
-            <Icon name="dropdown" />
-            <span className="text">Settings</span>
-            <Dropdown.Menu>
-              <Dropdown.Item>Document</Dropdown.Item>
-              <Dropdown.Item>Image</Dropdown.Item>
-            </Dropdown.Menu>
-          </Dropdown.Item>
-          <Dropdown.Item>See profile...</Dropdown.Item>
-          <Dropdown.Divider />
-          <Dropdown.Item onClick={props.logout}>Logout</Dropdown.Item>
-        </Dropdown.Menu>
-      </Dropdown>
+      <Grid.Column>
+        <AvatarImage />
+        <Divider />
+        <Dropdown item icon="setting" size="huge">
+          <Dropdown.Menu>
+            <Dropdown.Item>
+              <Icon name="dropdown" />
+              <span className="text">Settings</span>
+              <Dropdown.Menu>
+                <Dropdown.Item>Document</Dropdown.Item>
+                <Dropdown.Item>Image</Dropdown.Item>
+              </Dropdown.Menu>
+            </Dropdown.Item>
+            <Dropdown.Item>See profile...</Dropdown.Item>
+            <Dropdown.Divider />
+            <Dropdown.Item onClick={props.logout}>Logout</Dropdown.Item>
+          </Dropdown.Menu>
+        </Dropdown>
       </Grid.Column>
-  </Grid.Row>
-  </Grid> 
+    </Grid.Row>
+  </Grid>
 );
 
-
-
-
-
-
-
-
 export default class MyHeader extends React.Component {
   render() {
     return (
diff --git a/smart-hut/src/views/ConfirmResetPassword.js b/smart-hut/src/views/ConfirmResetPassword.js
index 72d6628..6e09fc8 100644
--- a/smart-hut/src/views/ConfirmResetPassword.js
+++ b/smart-hut/src/views/ConfirmResetPassword.js
@@ -3,80 +3,78 @@ import HomeNavbar from "./../components/HomeNavbar";
 import { Image, Divider, Message, Grid } from "semantic-ui-react";
 
 class Paragraph extends Component {
-    state = { visible: true };
-  
-    handleDismiss = () => {
-      this.setState({ visible: false });
-  
-      setTimeout(() => {
-        this.setState({ visible: true });
-      }, 2000);
-    };
-  
-    render() {
-      if (this.state.visible) {
-        return (
-          <Message
-            onDismiss={this.handleDismiss}
-            header="Congratulation!"
-            content="Your password has been succesffuly reset"
-          />
-        );
-      }
-  
+  state = { visible: true };
+
+  handleDismiss = () => {
+    this.setState({ visible: false });
+
+    setTimeout(() => {
+      this.setState({ visible: true });
+    }, 2000);
+  };
+
+  render() {
+    if (this.state.visible) {
       return (
-        <p>
-          <br />
-          <i>The message will return in 2s</i>
-          <br />
-          <br />
-        </p>
+        <Message onDismiss={this.handleDismiss}>
+          <Message.Header>
+            Congratulation<ins>s</ins>!
+          </Message.Header>
+          Your password has been <del>succesffuly</del>
+          <ins>successfully</ins> reset
+        </Message>
       );
     }
+
+    return (
+      <p>
+        <br />
+        <i>The message will return in 2s</i>
+        <br />
+        <br />
+      </p>
+    );
   }
-  
-  const MessageReg = () => (
-    <Grid>
-      <HomeNavbar />
-      <Divider />
-      <Grid.Row height={3}></Grid.Row>
-      <Grid.Row height={3}></Grid.Row>
-      <Grid.Row height={3}></Grid.Row>
-      <Grid.Row height={3}>
-        <Grid.Column width={6}></Grid.Column>
-        <Grid.Column width={10}>
-          <Image src="title5.png" />
-        </Grid.Column>
-        <Grid.Column width={3}></Grid.Column>
-      </Grid.Row>
-      <Grid.Row height={3}></Grid.Row>
-      <Grid.Row height={3}></Grid.Row>
+}
+
+const MessageReg = () => (
+  <Grid>
+    <HomeNavbar />
+    <Divider />
+    <Grid.Row height={3}></Grid.Row>
+    <Grid.Row height={3}></Grid.Row>
+    <Grid.Row height={3}></Grid.Row>
+    <Grid.Row height={3}>
+      <Grid.Column width={6}></Grid.Column>
+      <Grid.Column width={10}>
+        <Image src="title5.png" />
+      </Grid.Column>
       <Grid.Column width={3}></Grid.Column>
-      <Grid.Column width={4}>
-        <Image src="./img/logo.png" />
+    </Grid.Row>
+    <Grid.Row height={3}></Grid.Row>
+    <Grid.Row height={3}></Grid.Row>
+    <Grid.Column width={3}></Grid.Column>
+    <Grid.Column width={4}>
+      <Image src="./img/logo.png" />
+    </Grid.Column>
+    <Grid.Column width={6}>
+      <Paragraph />
+    </Grid.Column>
+    <Grid.Column width={4}></Grid.Column>
+    <Grid.Row height={3}></Grid.Row>
+    <Grid.Row height={3}></Grid.Row>
+    <Grid.Row height={3}>
+      <Grid.Column width={3}></Grid.Column>
+      <Grid.Column width={10}>
+        <Divider />
       </Grid.Column>
-      <Grid.Column width={6}>
-        <Paragraph />
-      </Grid.Column>
-      <Grid.Column width={4}></Grid.Column>
-      <Grid.Row height={3}></Grid.Row>
-      <Grid.Row height={3}></Grid.Row>
-      <Grid.Row height={3}>
-        <Grid.Column width={3}></Grid.Column>
-        <Grid.Column width={10}>
-          <Divider />
-        </Grid.Column>
-        <Grid.Column width={3}></Grid.Column>
-      </Grid.Row>
-    </Grid>
-  );
-
-
-
-
+      <Grid.Column width={3}></Grid.Column>
+    </Grid.Row>
+  </Grid>
+);
 
 export default class ConfirmResetPassword extends Component {
-    render() {
-      return <MessageReg/>;
-    }
-  }
\ No newline at end of file
+  render() {
+    return <MessageReg />;
+  }
+}