diff --git a/frontend/node_modules/.cache/babel-loader/156a8e4ceb71d825fe4d4998dcbe4a00.json b/frontend/node_modules/.cache/babel-loader/156a8e4ceb71d825fe4d4998dcbe4a00.json
new file mode 100644
index 000000000..7103e5757
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/156a8e4ceb71d825fe4d4998dcbe4a00.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connected to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is connected but is not sending data to the application\",\n    body: \"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway making a strange noise\",\n    body: \"This could mean you have a broken gateway. Please contact us below\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 55\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n        <ExpansionCard title=\"The gateway is on but not connected to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway is connected but is not sending data to the application\" body=\"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway making a strange noise\" body=\"This could mean you have a broken gateway. Please contact us below\" />\n    </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/160aaad8baa3be88a291dee5f81fa1fe.json b/frontend/node_modules/.cache/babel-loader/160aaad8baa3be88a291dee5f81fa1fe.json
new file mode 100644
index 000000000..b5e6a0a2e
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/160aaad8baa3be88a291dee5f81fa1fe.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/steps/Step_3_Gateway.js\";\nimport React from \"react\";\nimport \"../containers/Home.css\";\nimport { Container, Box, Typography } from '@material-ui/core';\nimport ExpansionPanel from '../components/ExpansionPanel';\nexport default function Step3() {\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12\n    },\n    __self: this\n  }, React.createElement(Box, {\n    m: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 13\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"overline\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 14\n    },\n    __self: this\n  }, \"Installation \\u279C Gateway\"), React.createElement(Typography, {\n    variant: \"h4\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17\n    },\n    __self: this\n  }, \"Preparing the gateway\"), React.createElement(Typography, {\n    display: \"block\",\n    variant: \"body1\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18\n    },\n    __self: this\n  }, \"Before we are going to connect the gateway, make sure that you have set-up the following in your local network:\")), React.createElement(Box, {\n    m: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 22\n    },\n    __self: this\n  }, React.createElement(ExpansionPanel, {\n    title: \"Active internet connection\",\n    body: \"Make sure your internet is active to make a connection to the gateway\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 23\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Open the ports needed to connect\",\n    body: \"Open ports: 2000, 3000 and 603\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 24\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Make sure you have a LAN port available\",\n    body: \"The gateway connects to your local network through cable. Please make sure you have a LAN port available\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 25\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Open the ports needed to connect\",\n    body: \"Open ports: 2000, 3000 and 603\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Open the ports needed to connect\",\n    body: \"Open ports: 2000, 3000 and 603\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27\n    },\n    __self: this\n  })));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/steps/Step_3_Gateway.js"],"names":["React","Container","Box","Typography","ExpansionPanel","Step3"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,wBAAP;AACA,SACEC,SADF,EAEEC,GAFF,EAGEC,UAHF,QAIO,mBAJP;AAKA,OAAOC,cAAP,MAA2B,8BAA3B;AAEA,eAAe,SAASC,KAAT,GAAgB;AAC7B,SACE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACM,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,UAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCADF,EAIE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAyB,IAAA,YAAY,MAArC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAJF,EAKE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAA4B,IAAA,OAAO,EAAC,OAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uHALF,CADN,EAUM,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,4BAAtB;AAAmD,IAAA,IAAI,EAAC,uEAAxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAEI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,kCAAtB;AAAyD,IAAA,IAAI,EAAC,gCAA9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFJ,EAGI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,yCAAtB;AAAgE,IAAA,IAAI,EAAC,0GAArE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHJ,EAII,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,kCAAtB;AAAyD,IAAA,IAAI,EAAC,gCAA9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJJ,EAKI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,kCAAtB;AAAyD,IAAA,IAAI,EAAC,gCAA9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IALJ,CAVN,CADF;AAoBD","sourcesContent":["import React from \"react\";\nimport \"../containers/Home.css\";\nimport {\n  Container,\n  Box,\n  Typography,\n} from '@material-ui/core';\nimport ExpansionPanel from '../components/ExpansionPanel';\n\nexport default function Step3(){\n  return(\n    <Container>\n          <Box m={1}>\n            <Typography variant=\"overline\">\n            Installation &#10140; Gateway\n            </Typography>\n            <Typography variant=\"h4\" gutterBottom>Preparing the gateway</Typography>\n            <Typography display=\"block\" variant=\"body1\">\n              Before we are going to connect the gateway, make sure that you have set-up the following in your local network:\n            </Typography>\n          </Box>\n          <Box m={1}>\n              <ExpansionPanel title=\"Active internet connection\" body=\"Make sure your internet is active to make a connection to the gateway\"/>\n              <ExpansionPanel title=\"Open the ports needed to connect\" body=\"Open ports: 2000, 3000 and 603\" />\n              <ExpansionPanel title=\"Make sure you have a LAN port available\" body=\"The gateway connects to your local network through cable. Please make sure you have a LAN port available\" />\n              <ExpansionPanel title=\"Open the ports needed to connect\" body=\"Open ports: 2000, 3000 and 603\" />\n              <ExpansionPanel title=\"Open the ports needed to connect\" body=\"Open ports: 2000, 3000 and 603\" />\n        </Box>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/19d901250f04dd5220813a164f64ba9b.json b/frontend/node_modules/.cache/babel-loader/19d901250f04dd5220813a164f64ba9b.json
new file mode 100644
index 000000000..b5db4dabb
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/19d901250f04dd5220813a164f64ba9b.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/containers/Home.js\";\nimport React from \"react\";\nimport \"./Installation.css\";\nimport NodeIcon from '../icons/icon_node';\nimport { Grid, Paper, Button, Box, Divider, Typography } from '@material-ui/core';\nimport { Dashboard as DashboardIcon } from '@material-ui/icons';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { LinkContainer } from \"react-router-bootstrap\";\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport FakeTemp from \"../components/fakeTemp\";\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1,\n    minHeight: '100vh',\n    minWidth: '100vw',\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    alignContent: 'stretch',\n    justifyContent: 'center',\n    flexDirection: 'column'\n  },\n  height: {\n    height: '100%',\n    width: '100%',\n    margin: 0,\n    padding: 0,\n    zIndex: 0\n  },\n  width: {\n    maxWidth: '100%',\n    width: '100%',\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    padding: theme.spacing(2)\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'stretch'\n  },\n  stretchGrid: {\n    height: '100%',\n    width: '100%'\n  },\n  topButton: {\n    minWidth: '100%',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(10)\n  },\n  allButton: {\n    marginBottom: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  },\n  remMargin: {\n    paddingLeft: 0,\n    paddingRight: 0\n  },\n  largeIcon: {\n    width: '35px',\n    height: '35px'\n  }\n}));\nexport default function Home() {\n  const classes = useStyles();\n  return React.createElement(\"main\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, React.createElement(\"header\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Home\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: false,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  })), React.createElement(\"div\", {\n    className: classes.height,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, React.createElement(Box, {\n    display: \"flex\",\n    flexGrow: 3,\n    className: classes.topButton,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: classes.width,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    align: \"center\",\n    variant: \"h5\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85\n    },\n    __self: this\n  }, \"OVERVIEW\"), React.createElement(Divider, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"Actual temperature:\"), React.createElement(Typography, {\n    variant: \"body2\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95\n    },\n    __self: this\n  }, \"Online nodes:\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 98\n    },\n    __self: this\n  }, \"15 nodes online\")))), React.createElement(Box, {\n    display: \"flex\",\n    flexGrow: 1,\n    style: {\n      width: '100vw',\n      maxWidth: '100%'\n    },\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 104\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    container: true,\n    xs: 12,\n    spacing: 2,\n    className: classes.allButton,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 6,\n    md: 12,\n    lg: 12,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 113\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/dashboard\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114\n    },\n    __self: this\n  }, React.createElement(Button, {\n    variant: \"outlined\",\n    color: \"primary\",\n    className: classes.stretchGrid,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116\n    },\n    __self: this\n  }, React.createElement(DashboardIcon, {\n    fontSize: \"large\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118\n    },\n    __self: this\n  }, \"Dashboard\"))))), React.createElement(Grid, {\n    item: true,\n    xs: 6,\n    md: 12,\n    lg: 12,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/nodes\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124\n    },\n    __self: this\n  }, React.createElement(Button, {\n    variant: \"outlined\",\n    size: \"large\",\n    color: \"primary\",\n    className: classes.stretchGrid,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126\n    },\n    __self: this\n  }, React.createElement(NodeIcon, {\n    className: classes.largeIcon,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 128\n    },\n    __self: this\n  }, \"Nodes\")))))))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/containers/Home.js"],"names":["React","NodeIcon","Grid","Paper","Button","Box","Divider","Typography","Dashboard","DashboardIcon","makeStyles","LinkContainer","TopMenuBar","FakeTemp","useStyles","theme","root","flexGrow","minHeight","minWidth","display","position","bottom","flexWrap","alignItems","alignContent","justifyContent","flexDirection","height","width","margin","padding","zIndex","maxWidth","marginLeft","spacing","marginRight","container","stretchGrid","topButton","marginBottom","marginTop","allButton","remMargin","paddingLeft","paddingRight","largeIcon","Home","classes"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport \"./Installation.css\";\nimport NodeIcon from '../icons/icon_node';\nimport { Grid, Paper, Button, Box, Divider, Typography } from '@material-ui/core';\nimport { Dashboard as DashboardIcon } from '@material-ui/icons';\nimport { makeStyles  } from '@material-ui/core/styles';\nimport { LinkContainer } from \"react-router-bootstrap\"\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport FakeTemp from \"../components/fakeTemp\";\n\nconst useStyles = makeStyles(theme => ({\n  root:{\n    flexGrow: 1,\n    minHeight: '100vh',\n    minWidth: '100vw',\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    alignContent: 'stretch',\n    justifyContent: 'center',\n    flexDirection: 'column',\n  },\n  height: {\n    height: '100%',\n    width: '100%',\n    margin: 0,\n    padding: 0,\n    zIndex: 0,\n  },\n  width:{\n    maxWidth:'100%',\n    width: '100%',\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    padding: theme.spacing(2)\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'stretch'\n  },\n  stretchGrid: {\n    height: '100%',\n    width: '100%',\n  },\n  topButton:{\n    minWidth: '100%',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(10),\n  },\n  allButton:{\n    marginBottom: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  },\n  remMargin: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n  largeIcon: {\n    width:'35px',\n    height: '35px'\n  }\n}));\n\nexport default function Home() {\n  const classes = useStyles();\n\n  return (\n    <main>\n    <header>\n      <TopMenuBar\n      block pageName=\"Home\" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={false} backRoutePage=\"/\"/>\n      </header>\n      <div className={classes.height}>\n        <div className={classes.root}>\n          <Box display=\"flex\"\n            flexGrow={3}\n            className={classes.topButton}\n            >\n              <Paper className={classes.width}>\n                <Box p={1}>\n                  <Typography align=\"center\" variant=\"h5\" gutterBottom>\n                    OVERVIEW\n                  </Typography>\n                    <Divider/>\n                  <Typography variant=\"h6\">\n                    Actual temperature:\n                  </Typography>\n                  <Typography variant=\"body2\" gutterBottom>\n                    <FakeTemp />&#x2103;\n                  </Typography>\n                  <Typography variant=\"h6\">\n                    Online nodes:\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    15 nodes online\n                  </Typography>\n                </Box>\n              </Paper>\n            </Box>\n            <Box\n              display=\"flex\"\n              flexGrow={1}\n              style={{width: '100vw',\n                    maxWidth: '100%',\n                    }}\n              >\n                <Grid container>\n                  <Grid item container xs={12} spacing={2} className={classes.allButton}>\n                    <Grid item xs={6} md={12} lg={12} align=\"center\">\n                      <LinkContainer to=\"/dashboard\">\n                        <Button variant=\"outlined\" color=\"primary\" className={classes.stretchGrid}>\n                          <div>\n                          <DashboardIcon fontSize=\"large\"/>\n                          <Typography variant=\"h6\">Dashboard</Typography>\n                          </div>\n                        </Button>\n                        </LinkContainer>\n                      </Grid>\n                    <Grid item xs={6} md={12} lg={12} align=\"center\">\n                      <LinkContainer to=\"/nodes\">\n                        <Button variant=\"outlined\" size=\"large\" color=\"primary\" className={classes.stretchGrid}>\n                          <div>\n                          <NodeIcon className={classes.largeIcon}/>\n                          <Typography variant=\"h6\">Nodes</Typography>\n                          </div>\n                        </Button>\n                      </LinkContainer>\n                    </Grid>\n                  </Grid>\n                </Grid>\n              </Box>\n          </div>\n      </div>\n      </main>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/1d38705c05430736c77e36b91e8496f4.json b/frontend/node_modules/.cache/babel-loader/1d38705c05430736c77e36b91e8496f4.json
new file mode 100644
index 000000000..df17bca12
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/1d38705c05430736c77e36b91e8496f4.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connected to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is connected but is not sending data to the application\",\n    body: \"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n        <ExpansionCard title=\"The gateway is on but not connected to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway is connected but is not sending data to the application\" body=\"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below\" />\n      </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/2b0a67b2d6097fe7158f8748b41804f4.json b/frontend/node_modules/.cache/babel-loader/2b0a67b2d6097fe7158f8748b41804f4.json
new file mode 100644
index 000000000..19aa5a110
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/2b0a67b2d6097fe7158f8748b41804f4.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import _slicedToArray from \"/Users/markheij/ipmedth_airsupport/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nvar _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/nodeTable.js\";\nimport React from 'react';\nimport Link from '@material-ui/core/Link';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Title from '../components/Title';\nimport Firebase from \"firebase\"; // Generate Order Data\n\nfunction createData(id, name, group, lastSeen, temp) {\n  return {\n    id,\n    name,\n    group,\n    lastSeen,\n    temp\n  };\n}\n\nfunction getRndInteger(min, max) {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nconst rows = [];\n\nfunction preventDefault(event) {\n  event.preventDefault();\n}\n\nconst useStyles = makeStyles(theme => ({\n  seeMore: {\n    marginTop: theme.spacing(3)\n  }\n}));\nexport default function NodeTable() {\n  const _React$useState = React.useState(false),\n        _React$useState2 = _slicedToArray(_React$useState, 2),\n        loaded = _React$useState2[0],\n        isItLoaded = _React$useState2[1];\n\n  var user = Firebase.auth().currentUser;\n\n  if (user) {\n    const uid = user.uid;\n    Firebase.firestore().collection(uid).get().then(function (querySnapshot) {\n      querySnapshot.forEach(function (doc) {\n        // doc.data() is never undefined for query doc snapshots\n        //console.log(doc.id, \" => \", doc.data());\n        let nodedata = doc.data();\n        let idn = nodedata.quantified.id;\n        let groupn = nodedata.group;\n        let namen = nodedata.name;\n        let statusn = \"Online\"; //nodedata.status\n\n        let temp = getRndInteger(25, 30);\n        let nodeExists = false;\n        let newnode = createData(idn, namen, groupn, statusn, temp);\n        rows.forEach(function (n) {\n          if (n.id === idn) {\n            nodeExists = true;\n          } else {//nothing, node is already in the list\n          }\n        });\n\n        if (!nodeExists) {\n          rows.push(newnode);\n        }\n      });\n      isItLoaded(true);\n    });\n  } else {}\n\n  const classes = useStyles();\n  return React.createElement(React.Fragment, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87\n    },\n    __self: this\n  }, React.createElement(Title, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }, \"Nodes status\"), React.createElement(Table, {\n    size: \"small\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, React.createElement(TableHead, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }, React.createElement(TableRow, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  }, React.createElement(TableCell, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, \"Name\"), React.createElement(TableCell, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  }, \"Group\"), React.createElement(TableCell, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 94\n    },\n    __self: this\n  }, \"Status\"), React.createElement(TableCell, {\n    align: \"right\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95\n    },\n    __self: this\n  }, \"Temp\"))), React.createElement(TableBody, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 98\n    },\n    __self: this\n  }, rows.map(row => React.createElement(TableRow, {\n    key: row.id,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 100\n    },\n    __self: this\n  }, React.createElement(TableCell, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 101\n    },\n    __self: this\n  }, row.name), React.createElement(TableCell, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102\n    },\n    __self: this\n  }, row.group), React.createElement(TableCell, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 103\n    },\n    __self: this\n  }, row.lastSeen), React.createElement(TableCell, {\n    align: \"right\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 104\n    },\n    __self: this\n  }, row.temp))))), React.createElement(\"div\", {\n    className: classes.seeMore,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109\n    },\n    __self: this\n  }, React.createElement(Link, {\n    color: \"primary\",\n    href: \"#\",\n    onClick: preventDefault,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 110\n    },\n    __self: this\n  }, \"Add nodes\")));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/nodeTable.js"],"names":["React","Link","makeStyles","Table","TableBody","TableCell","TableHead","TableRow","Title","Firebase","createData","id","name","group","lastSeen","temp","getRndInteger","min","max","Math","floor","random","rows","preventDefault","event","useStyles","theme","seeMore","marginTop","spacing","NodeTable","useState","loaded","isItLoaded","user","auth","currentUser","uid","firestore","collection","get","then","querySnapshot","forEach","doc","nodedata","data","idn","quantified","groupn","namen","statusn","nodeExists","newnode","n","push","classes","map","row"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Link from '@material-ui/core/Link';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Title from '../components/Title';\nimport Firebase from \"firebase\";\n\n\n\n\n// Generate Order Data\nfunction createData(id, name, group, lastSeen, temp) {\n  return { id, name, group, lastSeen, temp };\n}\n\nfunction getRndInteger(min, max) {\n  return Math.floor(Math.random() * (max - min + 1) ) + min;\n}\n\nconst rows = [\n];\n\n\n\n\n\nfunction preventDefault(event) {\n  event.preventDefault();\n}\n\nconst useStyles = makeStyles(theme => ({\n  seeMore: {\n    marginTop: theme.spacing(3),\n  },\n}));\n\nexport default function NodeTable() {\n  const[loaded, isItLoaded] = React.useState(false);\n  var user = Firebase.auth().currentUser;\n\n  if (user) {\n    const uid = user.uid;\n\n    Firebase.firestore().collection(uid).get().then(function(querySnapshot){\n      querySnapshot.forEach(function(doc) {\n        // doc.data() is never undefined for query doc snapshots\n        //console.log(doc.id, \" => \", doc.data());\n        let nodedata = doc.data();\n        let idn = nodedata.quantified.id;\n        let groupn = nodedata.group;\n        let namen = nodedata.name;\n        let statusn = \"Online\"; //nodedata.status\n        let temp = getRndInteger(25,30)\n        let nodeExists = false;\n\n\n        let newnode = createData(idn, namen, groupn, statusn, temp)\n        rows.forEach(function (n) {\n          if(n.id === idn){\n            nodeExists = true;\n          }else{\n            //nothing, node is already in the list\n          }\n        })\n\n        if (!nodeExists){\n          rows.push(newnode);\n        }\n\n\n      });\n      isItLoaded(true)\n    })\n\n  }else{\n\n  }\n\n\n\n  const classes = useStyles();\n  return (\n    <React.Fragment>\n      <Title>Nodes status</Title>\n      <Table size=\"small\">\n        <TableHead>\n          <TableRow>\n            <TableCell>Name</TableCell>\n            <TableCell>Group</TableCell>\n            <TableCell>Status</TableCell>\n            <TableCell align=\"right\">Temp</TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {rows.map(row => (\n            <TableRow key={row.id}>\n              <TableCell>{row.name}</TableCell>\n              <TableCell>{row.group}</TableCell>\n              <TableCell>{row.lastSeen}</TableCell>\n              <TableCell align=\"right\">{row.temp}</TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n      <div className={classes.seeMore}>\n        <Link color=\"primary\" href=\"#\" onClick={preventDefault}>\n          Add nodes\n        </Link>\n      </div>\n    </React.Fragment>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/359a1930dcbae413311146cd94d60862.json b/frontend/node_modules/.cache/babel-loader/359a1930dcbae413311146cd94d60862.json
new file mode 100644
index 000000000..e7400fe72
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/359a1930dcbae413311146cd94d60862.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"My node is not connecting\",\n    body: \"To connect your node, please follow the provided steps:\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The node position is wrong\",\n    body: \"To see the location of your nodes, go to the nodes page on your profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 64\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"My node is not connecting\" body=\"To connect your node, please follow the provided steps:\" />\n      <ExpansionCard title=\"The node position is wrong\" body=\"To see the location of your nodes, go to the nodes page on your profile\" />\n      </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/47fc3edaa19b69cea1ad259c1df80214.json b/frontend/node_modules/.cache/babel-loader/47fc3edaa19b69cea1ad259c1df80214.json
new file mode 100644
index 000000000..bb85360fd
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/47fc3edaa19b69cea1ad259c1df80214.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"My node is not connecting\",\n    body: \"To connect your node, please follow the provided steps:\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The node position is wrong\",\n    body: \"To see the location of your nodes, go to the nodes page on your profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 64\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SACEC,OADF,EAEEC,UAFF,EAGEC,MAHF,EAIEC,WAJF,EAKEC,GALF,EAMEC,SANF,QAOO,mBAPP;AAQA,OAAOC,aAAP,MAA0B,iCAA1B;AACA,OAAOC,UAAP,MAAuB,6BAAvB;AACA,OAAOC,SAAP,MAAsB,0BAAtB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AACA,OAAOC,QAAP,MAAqB,UAArB;AAEA,MAAMC,SAAS,GAAGb,UAAU,CAACc,KAAK,KAAK;AACrCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBC,OAAjB,CAAyB,EAAzB,CADH;AAEPC,IAAAA,UAAU,EAAEL,KAAK,CAACG,UAAN,CAAiBG;AAFtB,GAD4B;AAKrCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd,EAAiB,CAAjB;AADA,GAL2B;AAQrCC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd,CADA;AAERE,IAAAA,UAAU,EAAE;AAFJ,GAR2B;AAYrCC,EAAAA,QAAQ,EAAC;AACPJ,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd;AADD;AAZ4B,CAAL,CAAN,CAA5B;AAiBA,eAAe,SAASI,OAAT,CAAiBC,KAAjB,EAAwB;AACrC,QAAMC,OAAO,GAAGhB,SAAS,EAAzB;AACAD,EAAAA,QAAQ,CAACkB,IAAT,GAAgBC,kBAAhB,CAAmC,UAASC,IAAT,EAAe;AAChD,QAAIA,IAAJ,EAAU;AACRC,MAAAA,OAAO,CAACC,GAAR,CAAY,mBAAZ;AAED,KAHD,MAGO;AACLD,MAAAA,OAAO,CAACC,GAAR,CAAY,uBAAZ;AACAN,MAAAA,KAAK,CAACO,OAAN,CAAcC,IAAd,CAAmB,QAAnB;AACD;AACF,GARD;AASA,SACE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,KAAK,MAAjB;AAAkB,IAAA,QAAQ,EAAC,UAA3B;AAAsC,IAAA,aAAa,EAAE,KAArD;AAA4D,IAAA,eAAe,EAAE,KAA7E;AAAoF,IAAA,eAAe,EAAE,KAArG;AAA4G,IAAA,UAAU,EAAE,IAAxH;AAA8H,IAAA,aAAa,EAAC,MAA5I;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE;AAAK,IAAA,SAAS,EAAEP,OAAO,CAACR,QAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAC,2BAArB;AAAiD,IAAA,IAAI,EAAC,yDAAtD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEA,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAC,4BAArB;AAAkD,IAAA,IAAI,EAAC,yEAAvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFA,CAFF,EAOE,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAC,QAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAPF,EAQE;AAAK,IAAA,SAAS,EAAEQ,OAAO,CAACL,QAAxB;AAAkC,IAAA,KAAK,EAAC,QAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BADF,EAEE,oBAAC,WAAD;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,KAAK,EAAC,SAFR;AAGE,kBAAW,wCAHb;AAIE,IAAA,SAAS,EAAEK,OAAO,CAACH,QAJrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAME,oBAAC,MAAD;AACE,IAAA,SAAS,EAAE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADb;AAEE,IAAA,IAAI,EAAC,kBAFP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eANF,EAYE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAE,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADb;AAEE,IAAA,IAAI,EAAC,iDAFP;AAGE,IAAA,MAAM,EAAC,MAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAZF,CAFF,CARF,CADF;AAkCD","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"My node is not connecting\" body=\"To connect your node, please follow the provided steps:\" />\n      <ExpansionCard title=\"The node position is wrong\" body=\"To see the location of your nodes, go to the nodes page on your profile\" />\n      </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/4969ee08127861a849560e28834a862f.json b/frontend/node_modules/.cache/babel-loader/4969ee08127861a849560e28834a862f.json
new file mode 100644
index 000000000..91f936115
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/4969ee08127861a849560e28834a862f.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/containers/Home.js\";\nimport React from \"react\";\nimport \"./Installation.css\";\nimport NodeIcon from '../icons/icon_node';\nimport { Grid, Paper, Button, Fab, Box, Divider, Container, Typography } from '@material-ui/core';\nimport { Dashboard as DashboardIcon } from '@material-ui/icons';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { LinkContainer } from \"react-router-bootstrap\";\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport FakeTemp from \"../components/fakeTemp\";\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1,\n    minHeight: '100vh',\n    minWidth: '100vw',\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    alignContent: 'stretch',\n    justifyContent: 'center',\n    flexDirection: 'column'\n  },\n  height: {\n    height: '100%',\n    width: '100%',\n    margin: 0,\n    padding: 0,\n    zIndex: 0\n  },\n  width: {\n    maxWidth: '100%',\n    width: '100%',\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    padding: theme.spacing(2)\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'stretch'\n  },\n  stretchGrid: {\n    height: '100%',\n    width: '100%'\n  },\n  topButton: {\n    minWidth: '100%',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(10)\n  },\n  allButton: {\n    marginBottom: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  },\n  remMargin: {\n    paddingLeft: 0,\n    paddingRight: 0\n  },\n  largeIcon: {\n    width: '35px',\n    height: '35px'\n  }\n}));\nexport default function Home() {\n  const classes = useStyles();\n  return React.createElement(\"main\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, React.createElement(\"header\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Home\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: false,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  })), React.createElement(\"div\", {\n    className: classes.height,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, React.createElement(Box, {\n    display: \"flex\",\n    flexGrow: 3,\n    className: classes.topButton,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: classes.width,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    align: \"center\",\n    variant: \"h5\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85\n    },\n    __self: this\n  }, \"OVERVIEW\"), React.createElement(Divider, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"Actual temperature:\"), React.createElement(Typography, {\n    variant: \"body2\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95\n    },\n    __self: this\n  }, \"Online nodes:\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 98\n    },\n    __self: this\n  }, \"15 nodes online\")))), React.createElement(Box, {\n    display: \"flex\",\n    flexGrow: 1,\n    style: {\n      width: '100vw',\n      maxWidth: '100%'\n    },\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 104\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    container: true,\n    xs: 12,\n    spacing: 2,\n    className: classes.allButton,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 6,\n    md: 12,\n    lg: 12,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 113\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/dashboard\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114\n    },\n    __self: this\n  }, React.createElement(Button, {\n    variant: \"outlined\",\n    color: \"primary\",\n    className: classes.stretchGrid,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116\n    },\n    __self: this\n  }, React.createElement(DashboardIcon, {\n    fontSize: \"large\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118\n    },\n    __self: this\n  }, \"Dashboard\"))))), React.createElement(Grid, {\n    item: true,\n    xs: 6,\n    md: 12,\n    lg: 12,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/nodes\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124\n    },\n    __self: this\n  }, React.createElement(Button, {\n    variant: \"outlined\",\n    size: \"large\",\n    color: \"primary\",\n    className: classes.stretchGrid,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126\n    },\n    __self: this\n  }, React.createElement(NodeIcon, {\n    className: classes.largeIcon,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 128\n    },\n    __self: this\n  }, \"Nodes\")))))))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/containers/Home.js"],"names":["React","NodeIcon","Grid","Paper","Button","Fab","Box","Divider","Container","Typography","Dashboard","DashboardIcon","makeStyles","LinkContainer","TopMenuBar","FakeTemp","useStyles","theme","root","flexGrow","minHeight","minWidth","display","position","bottom","flexWrap","alignItems","alignContent","justifyContent","flexDirection","height","width","margin","padding","zIndex","maxWidth","marginLeft","spacing","marginRight","container","stretchGrid","topButton","marginBottom","marginTop","allButton","remMargin","paddingLeft","paddingRight","largeIcon","Home","classes"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,oBAAP;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,MAAtB,EAA8BC,GAA9B,EAAmCC,GAAnC,EAAwCC,OAAxC,EAAiDC,SAAjD,EAA4DC,UAA5D,QAA8E,mBAA9E;AACA,SAASC,SAAS,IAAIC,aAAtB,QAA2C,oBAA3C;AACA,SAASC,UAAT,QAA4B,0BAA5B;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,OAAOC,UAAP,MAAuB,0BAAvB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AAEA,MAAMC,SAAS,GAAGJ,UAAU,CAACK,KAAK,KAAK;AACrCC,EAAAA,IAAI,EAAC;AACHC,IAAAA,QAAQ,EAAE,CADP;AAEHC,IAAAA,SAAS,EAAE,OAFR;AAGHC,IAAAA,QAAQ,EAAE,OAHP;AAIHC,IAAAA,OAAO,EAAE,MAJN;AAKHC,IAAAA,QAAQ,EAAE,UALP;AAMHC,IAAAA,MAAM,EAAE,CANL;AAOHC,IAAAA,QAAQ,EAAE,MAPP;AAQHC,IAAAA,UAAU,EAAE,QART;AASHC,IAAAA,YAAY,EAAE,SATX;AAUHC,IAAAA,cAAc,EAAE,QAVb;AAWHC,IAAAA,aAAa,EAAE;AAXZ,GADgC;AAcrCC,EAAAA,MAAM,EAAE;AACNA,IAAAA,MAAM,EAAE,MADF;AAENC,IAAAA,KAAK,EAAE,MAFD;AAGNC,IAAAA,MAAM,EAAE,CAHF;AAINC,IAAAA,OAAO,EAAE,CAJH;AAKNC,IAAAA,MAAM,EAAE;AALF,GAd6B;AAqBrCH,EAAAA,KAAK,EAAC;AACJI,IAAAA,QAAQ,EAAC,MADL;AAEJJ,IAAAA,KAAK,EAAE,MAFH;AAGJK,IAAAA,UAAU,EAAEnB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAHR;AAIJC,IAAAA,WAAW,EAAErB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAJT;AAKJJ,IAAAA,OAAO,EAAEhB,KAAK,CAACoB,OAAN,CAAc,CAAd;AALL,GArB+B;AA4BrCE,EAAAA,SAAS,EAAE;AACTjB,IAAAA,OAAO,EAAE,MADA;AAETO,IAAAA,aAAa,EAAE,QAFN;AAGTH,IAAAA,UAAU,EAAE;AAHH,GA5B0B;AAiCrCc,EAAAA,WAAW,EAAE;AACXV,IAAAA,MAAM,EAAE,MADG;AAEXC,IAAAA,KAAK,EAAE;AAFI,GAjCwB;AAqCrCU,EAAAA,SAAS,EAAC;AACRpB,IAAAA,QAAQ,EAAE,MADF;AAERqB,IAAAA,YAAY,EAAEzB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAFN;AAGRM,IAAAA,SAAS,EAAE1B,KAAK,CAACoB,OAAN,CAAc,EAAd;AAHH,GArC2B;AA0CrCO,EAAAA,SAAS,EAAC;AACRF,IAAAA,YAAY,EAAEzB,KAAK,CAACoB,OAAN,CAAc,CAAd,CADN;AAERC,IAAAA,WAAW,EAAErB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAFL;AAGRD,IAAAA,UAAU,EAAEnB,KAAK,CAACoB,OAAN,CAAc,CAAd;AAHJ,GA1C2B;AA+CrCQ,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE,CADJ;AAETC,IAAAA,YAAY,EAAE;AAFL,GA/C0B;AAmDrCC,EAAAA,SAAS,EAAE;AACTjB,IAAAA,KAAK,EAAC,MADG;AAETD,IAAAA,MAAM,EAAE;AAFC;AAnD0B,CAAL,CAAN,CAA5B;AAyDA,eAAe,SAASmB,IAAT,GAAgB;AAC7B,QAAMC,OAAO,GAAGlC,SAAS,EAAzB;AAEA,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AACA,IAAA,KAAK,MADL;AACM,IAAA,QAAQ,EAAC,MADf;AACsB,IAAA,aAAa,EAAE,IADrC;AAC2C,IAAA,eAAe,EAAE,KAD5D;AACmE,IAAA,eAAe,EAAE,KADpF;AAC2F,IAAA,UAAU,EAAE,KADvG;AAC8G,IAAA,aAAa,EAAC,GAD5H;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADA,EAKE;AAAK,IAAA,SAAS,EAAEkC,OAAO,CAACpB,MAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAK,IAAA,SAAS,EAAEoB,OAAO,CAAChC,IAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,GAAD;AAAK,IAAA,OAAO,EAAC,MAAb;AACE,IAAA,QAAQ,EAAE,CADZ;AAEE,IAAA,SAAS,EAAEgC,OAAO,CAACT,SAFrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAII,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAES,OAAO,CAACnB,KAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,KAAK,EAAC,QAAlB;AAA2B,IAAA,OAAO,EAAC,IAAnC;AAAwC,IAAA,YAAY,MAApD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,EAII,oBAAC,OAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJJ,EAKE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BALF,EAQE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAA4B,IAAA,YAAY,MAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,WARF,EAWE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAXF,EAcE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAdF,CADF,CAJJ,CADF,EA0BI,oBAAC,GAAD;AACE,IAAA,OAAO,EAAC,MADV;AAEE,IAAA,QAAQ,EAAE,CAFZ;AAGE,IAAA,KAAK,EAAE;AAACA,MAAAA,KAAK,EAAE,OAAR;AACDI,MAAAA,QAAQ,EAAE;AADT,KAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOI,oBAAC,IAAD;AAAM,IAAA,SAAS,MAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,SAAS,MAApB;AAAqB,IAAA,EAAE,EAAE,EAAzB;AAA6B,IAAA,OAAO,EAAE,CAAtC;AAAyC,IAAA,SAAS,EAAEe,OAAO,CAACN,SAA5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAE,EAAtB;AAA0B,IAAA,EAAE,EAAE,EAA9B;AAAkC,IAAA,KAAK,EAAC,QAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,YAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,UAAhB;AAA2B,IAAA,KAAK,EAAC,SAAjC;AAA2C,IAAA,SAAS,EAAEM,OAAO,CAACV,WAA9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC,OAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADA,EAEA,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAFA,CADF,CADF,CADF,CADF,EAWE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAE,EAAtB;AAA0B,IAAA,EAAE,EAAE,EAA9B;AAAkC,IAAA,KAAK,EAAC,QAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,QAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,UAAhB;AAA2B,IAAA,IAAI,EAAC,OAAhC;AAAwC,IAAA,KAAK,EAAC,SAA9C;AAAwD,IAAA,SAAS,EAAEU,OAAO,CAACV,WAA3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEU,OAAO,CAACF,SAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADA,EAEA,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAFA,CADF,CADF,CADF,CAXF,CADF,CAPJ,CA1BJ,CADF,CALF,CADF;AAqED","sourcesContent":["import React from \"react\";\nimport \"./Installation.css\";\nimport NodeIcon from '../icons/icon_node';\nimport { Grid, Paper, Button, Fab, Box, Divider, Container, Typography } from '@material-ui/core';\nimport { Dashboard as DashboardIcon } from '@material-ui/icons';\nimport { makeStyles  } from '@material-ui/core/styles';\nimport { LinkContainer } from \"react-router-bootstrap\"\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport FakeTemp from \"../components/fakeTemp\";\n\nconst useStyles = makeStyles(theme => ({\n  root:{\n    flexGrow: 1,\n    minHeight: '100vh',\n    minWidth: '100vw',\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    alignContent: 'stretch',\n    justifyContent: 'center',\n    flexDirection: 'column',\n  },\n  height: {\n    height: '100%',\n    width: '100%',\n    margin: 0,\n    padding: 0,\n    zIndex: 0,\n  },\n  width:{\n    maxWidth:'100%',\n    width: '100%',\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    padding: theme.spacing(2)\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'stretch'\n  },\n  stretchGrid: {\n    height: '100%',\n    width: '100%',\n  },\n  topButton:{\n    minWidth: '100%',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(10),\n  },\n  allButton:{\n    marginBottom: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  },\n  remMargin: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n  largeIcon: {\n    width:'35px',\n    height: '35px'\n  }\n}));\n\nexport default function Home() {\n  const classes = useStyles();\n\n  return (\n    <main>\n    <header>\n      <TopMenuBar\n      block pageName=\"Home\" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={false} backRoutePage=\"/\"/>\n      </header>\n      <div className={classes.height}>\n        <div className={classes.root}>\n          <Box display=\"flex\"\n            flexGrow={3}\n            className={classes.topButton}\n            >\n              <Paper className={classes.width}>\n                <Box p={1}>\n                  <Typography align=\"center\" variant=\"h5\" gutterBottom>\n                    OVERVIEW\n                  </Typography>\n                    <Divider/>\n                  <Typography variant=\"h6\">\n                    Actual temperature:\n                  </Typography>\n                  <Typography variant=\"body2\" gutterBottom>\n                    <FakeTemp />&#x2103;\n                  </Typography>\n                  <Typography variant=\"h6\">\n                    Online nodes:\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    15 nodes online\n                  </Typography>\n                </Box>\n              </Paper>\n            </Box>\n            <Box\n              display=\"flex\"\n              flexGrow={1}\n              style={{width: '100vw',\n                    maxWidth: '100%',\n                    }}\n              >\n                <Grid container>\n                  <Grid item container xs={12} spacing={2} className={classes.allButton}>\n                    <Grid item xs={6} md={12} lg={12} align=\"center\">\n                      <LinkContainer to=\"/dashboard\">\n                        <Button variant=\"outlined\" color=\"primary\" className={classes.stretchGrid}>\n                          <div>\n                          <DashboardIcon fontSize=\"large\"/>\n                          <Typography variant=\"h6\">Dashboard</Typography>\n                          </div>\n                        </Button>\n                        </LinkContainer>\n                      </Grid>\n                    <Grid item xs={6} md={12} lg={12} align=\"center\">\n                      <LinkContainer to=\"/nodes\">\n                        <Button variant=\"outlined\" size=\"large\" color=\"primary\" className={classes.stretchGrid}>\n                          <div>\n                          <NodeIcon className={classes.largeIcon}/>\n                          <Typography variant=\"h6\">Nodes</Typography>\n                          </div>\n                        </Button>\n                      </LinkContainer>\n                    </Grid>\n                  </Grid>\n                </Grid>\n              </Box>\n          </div>\n      </div>\n      </main>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/61bf98b1ac7e136787ddefea22c735e8.json b/frontend/node_modules/.cache/babel-loader/61bf98b1ac7e136787ddefea22c735e8.json
new file mode 100644
index 000000000..603998793
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/61bf98b1ac7e136787ddefea22c735e8.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"My node is not connecting\",\n    body: \"To connect your node, please follow the provided steps:\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The node position is wrong\",\n    body: \"To see the location of your nodes, go to the nodes page on your profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 64\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"My node is not connecting\" body=\"To connect your node, please follow the provided steps:\" />\n      <ExpansionCard title=\"The node position is wrong\" body=\"To see the location of your nodes, go to the nodes page on your profile\" />\n      </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/641e8fa005da78094cbb0bec9a8e884f.json b/frontend/node_modules/.cache/babel-loader/641e8fa005da78094cbb0bec9a8e884f.json
new file mode 100644
index 000000000..c498ba02b
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/641e8fa005da78094cbb0bec9a8e884f.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"My node is not connecting\",\n    body: \"To connect your node, please make sure the gateway is connected and your LoRa network is active\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The node position is wrong\",\n    body: \"To see the location of your nodes, go to the nodes page on your profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"I want to change a node position\",\n    body: \"This functionality is currently not supported. You can delete a node and add it on the requested position\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"My nodes are not displaying data\",\n    body: \"It could be that the battery of the node is empty. Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"My node is not connecting\" body=\"To connect your node, please make sure the gateway is connected and your LoRa network is active\" />\n        <ExpansionCard title=\"The node position is wrong\" body=\"To see the location of your nodes, go to the nodes page on your profile\" />\n        <ExpansionCard title=\"I want to change a node position\" body=\"This functionality is currently not supported. You can delete a node and add it on the requested position\" />\n        <ExpansionCard title=\"My nodes are not displaying data\" body=\"It could be that the battery of the node is empty. Please contact us below.\" />\n\n    </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/6c60ec9ff0d523b82b4155624eb068c1.json b/frontend/node_modules/.cache/babel-loader/6c60ec9ff0d523b82b4155624eb068c1.json
new file mode 100644
index 000000000..75c8f4798
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/6c60ec9ff0d523b82b4155624eb068c1.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js\";\nimport React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { Container, Box, Grid, Paper, Typography, Divider, makeStyles } from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp';\nimport NodeTable from './nodeTable';\nimport FakeTemp from '../components/fakeTemp';\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column'\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4)\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto'\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  const classes = useStyles();\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight);\n  return React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61\n    },\n    __self: this\n  }, React.createElement(CssBaseline, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62\n    },\n    __self: this\n  }), React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Dashboard\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63\n    },\n    __self: this\n  }), React.createElement(\"main\", {\n    className: classes.content,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64\n    },\n    __self: this\n  }, React.createElement(Container, {\n    maxWidth: \"lg\",\n    className: classes.container,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    spacing: 3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68\n    },\n    __self: this\n  }, React.createElement(ChartTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69\n    },\n    __self: this\n  }))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, \"Current temperature\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }, \"Temperature is too high\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86\n    },\n    __self: this\n  }, \"Light strenght\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87\n    },\n    __self: this\n  }, \"8000 lux\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }, \"Light is optimal\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 94\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96\n    },\n    __self: this\n  }, React.createElement(NodeTable, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97\n    },\n    __self: this\n  }))))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js"],"names":["React","clsx","CssBaseline","Container","Box","Grid","Paper","Typography","Divider","makeStyles","TopMenuBar","firebase","ChartTemp","NodeTable","FakeTemp","useStyles","theme","paper","padding","spacing","display","overflow","flexDirection","container","paddingTop","paddingBottom","fixedHeight","height","content","flexGrow","divider","marginTop","marginBottom","Dashboard","props","auth","onAuthStateChanged","user","console","log","history","push","classes","fixedHeightPaper","root"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,WAAP,MAAwB,+BAAxB;AACA,SACEC,SADF,EAEEC,GAFF,EAGEC,IAHF,EAIEC,KAJF,EAKEC,UALF,EAMEC,OANF,EAOEC,UAPF,QAQO,mBARP;AASA,OAAOC,UAAP,MAAuB,0BAAvB;AACA,OAAOC,QAAP,MAAqB,UAArB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AAGA,MAAMC,SAAS,GAAGN,UAAU,CAACO,KAAK,KAAK;AACrCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADJ;AAELC,IAAAA,OAAO,EAAE,MAFJ;AAGLC,IAAAA,QAAQ,EAAE,MAHL;AAILC,IAAAA,aAAa,EAAE;AAJV,GAD8B;AAOrCC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAER,KAAK,CAACG,OAAN,CAAc,CAAd,CADH;AAETM,IAAAA,aAAa,EAAET,KAAK,CAACG,OAAN,CAAc,CAAd;AAFN,GAP0B;AAWrCO,EAAAA,WAAW,EAAE;AACXC,IAAAA,MAAM,EAAE;AADG,GAXwB;AAcrCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,CADH;AAEPF,IAAAA,MAAM,EAAE,OAFD;AAGPN,IAAAA,QAAQ,EAAE;AAHH,GAd4B;AAmBrCS,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAEf,KAAK,CAACG,OAAN,CAAc,CAAd,CADJ;AAEPa,IAAAA,YAAY,EAAEhB,KAAK,CAACG,OAAN,CAAc,CAAd;AAFP;AAnB4B,CAAL,CAAN,CAA5B;AAyBA,eAAe,SAASc,SAAT,CAAmBC,KAAnB,EAA0B;AACvCvB,EAAAA,QAAQ,CAACwB,IAAT,GAAgBC,kBAAhB,CAAmC,UAASC,IAAT,EAAe;AAC9C,QAAIA,IAAJ,EAAU;AACRC,MAAAA,OAAO,CAACC,GAAR,CAAY,mBAAZ;AAED,KAHD,MAGO;AACLD,MAAAA,OAAO,CAACC,GAAR,CAAY,uBAAZ;AACAL,MAAAA,KAAK,CAACM,OAAN,CAAcC,IAAd,CAAmB,QAAnB;AACD;AACJ,GARD;AAUA,QAAMC,OAAO,GAAG3B,SAAS,EAAzB;AAEA,QAAM4B,gBAAgB,GAAG1C,IAAI,CAACyC,OAAO,CAACzB,KAAT,EAAgByB,OAAO,CAAChB,WAAxB,CAA7B;AAEA,SACE;AAAK,IAAA,SAAS,EAAEgB,OAAO,CAACE,IAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,WAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEA,oBAAC,UAAD;AAAY,IAAA,KAAK,MAAjB;AAAkB,IAAA,QAAQ,EAAC,WAA3B;AAAuC,IAAA,aAAa,EAAE,KAAtD;AAA6D,IAAA,eAAe,EAAE,KAA9E;AAAqF,IAAA,eAAe,EAAE,KAAtG;AAA6G,IAAA,UAAU,EAAE,IAAzH;AAA+H,IAAA,aAAa,EAAC,GAA7I;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFA,EAGE;AAAM,IAAA,SAAS,EAAEF,OAAO,CAACd,OAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,SAAD;AAAW,IAAA,QAAQ,EAAC,IAApB;AAAyB,IAAA,SAAS,EAAEc,OAAO,CAACnB,SAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,IAAD;AAAM,IAAA,SAAS,MAAf;AAAgB,IAAA,OAAO,EAAE,CAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,EAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAEoB,gBAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADF,CADF,EAME,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,EAAf;AAAmB,IAAA,EAAE,EAAE,CAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAEA,gBAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAyB,IAAA,SAAS,EAAC,IAAnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BADF,EAEE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAyB,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAzB,WAFF,EAGE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAED,OAAO,CAACZ,OAA5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHF,EAIE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAJF,EAKE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BALF,CADF,CADF,CANF,EAiBE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,EAAf;AAAmB,IAAA,EAAE,EAAE,CAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAEa,gBAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAyB,IAAA,SAAS,EAAC,IAAnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBADF,EAEE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFF,EAGE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAED,OAAO,CAACZ,OAA5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHF,EAIE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAJF,EAKE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBALF,CADJ,CADF,CAjBF,EA4BE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,EAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAEa,gBAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF,CADF,CA5BF,CADF,CADF,CAHF,CADF;AA+CC","sourcesContent":["import React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {\n  Container,\n  Box,\n  Grid,\n  Paper,\n  Typography,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp'\nimport NodeTable from './nodeTable'\nimport FakeTemp from '../components/fakeTemp'\n\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column',\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4),\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function(user) {\n      if (user) {\n        console.log(\"User is signed in\");\n\n      } else {\n        console.log(\"User is not signed in\");\n        props.history.push(\"/login\")\n      }\n  });\n\n  const classes = useStyles();\n\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight)\n\n  return (\n    <div className={classes.root}>\n      <CssBaseline />\n    <TopMenuBar block pageName=\"Dashboard\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n      <main className={classes.content}>\n        <Container maxWidth=\"lg\" className={classes.container}>\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                  <ChartTemp />\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <Typography variant=\"h6\" component=\"h2\">Current temperature</Typography>\n                  <Typography variant=\"h2\"><FakeTemp />℃</Typography>\n                  <Divider className={classes.divider}/>\n                  <Typography variant=\"h6\">Advice</Typography>\n                  <Typography variant=\"body2\">Temperature is too high</Typography>\n                </Box>\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                  <Box p={1}>\n                    <Typography variant=\"h6\" component=\"h2\">Light strenght</Typography>\n                    <Typography variant=\"h2\">8000 lux</Typography>\n                    <Divider className={classes.divider}/>\n                    <Typography variant=\"h6\">Advice</Typography>\n                    <Typography variant=\"body2\">Light is optimal</Typography>\n                  </Box>\n                </Paper>\n              </Grid>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <NodeTable />\n                </Box>\n              </Paper>\n            </Grid>\n          </Grid>\n        </Container>\n      </main>\n    </div>\n\n    );\n  }\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/6fa01c5ab84b63ad0d2dad916a5b87d8.json b/frontend/node_modules/.cache/babel-loader/6fa01c5ab84b63ad0d2dad916a5b87d8.json
new file mode 100644
index 000000000..4640417ec
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/6fa01c5ab84b63ad0d2dad916a5b87d8.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connect to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 59\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n      <ExpansionCard title=\"The gateway is on but not connect to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n      </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/77b0bf3cf17ba5423330bf53560990ee.json b/frontend/node_modules/.cache/babel-loader/77b0bf3cf17ba5423330bf53560990ee.json
new file mode 100644
index 000000000..61f26b6f3
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/77b0bf3cf17ba5423330bf53560990ee.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Card, CardHeader, CardActionArea, CardIcon, Container, Button, ButtonGroup } from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport { LinkContainer } from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  },\n  avatarColor: {\n    backgroundColor: '#fff'\n  }\n}));\nexport default function FAQ(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"FAQ\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/node\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(CardIcon, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61\n    },\n    __self: this\n  }, React.createElement(NodeIcon, {\n    color: \"primary\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62\n    },\n    __self: this\n  })), \"} title=\", React.createElement(Typography, {\n    variant: \"body1\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, \"Node Troubleshoot\"), \"/>\"))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/gateway\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77\n      },\n      __self: this\n    }, React.createElement(RouterIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82\n      },\n      __self: this\n    }, \"Gateway Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  })))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93\n      },\n      __self: this\n    }, React.createElement(PersonIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 98\n      },\n      __self: this\n    }, \"Profile Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  })))), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 105\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108\n    },\n    __self: this\n  }, React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 123\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 121\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js"],"names":["React","makeStyles","Divider","Typography","Card","CardHeader","CardActionArea","CardIcon","Container","Button","ButtonGroup","TopMenuBar","LinkContainer","NodeIcon","RouterIcon","PersonIcon","PhoneIcon","MailIcon","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","avatarColor","backgroundColor","FAQ","props","classes","auth","onAuthStateChanged","user","console","log","history","push","button"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SACEC,OADF,EAEEC,UAFF,EAGEC,IAHF,EAIEC,UAJF,EAKEC,cALF,EAMEC,QANF,EAOEC,SAPF,EAQEC,MARF,EASEC,WATF,QAUO,mBAVP;AAWA,OAAOC,UAAP,MAAuB,6BAAvB;AACA,SAAQC,aAAR,QAA4B,wBAA5B;AACA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,SAAP,MAAsB,0BAAtB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,OAAOC,QAAP,MAAqB,UAArB;AAEA,MAAMC,SAAS,GAAGlB,UAAU,CAACmB,KAAK,KAAK;AACrCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBC,OAAjB,CAAyB,EAAzB,CADH;AAEPC,IAAAA,UAAU,EAAEL,KAAK,CAACG,UAAN,CAAiBG;AAFtB,GAD4B;AAKrCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd;AADA,GAL2B;AAQrCC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd,CADA;AAERE,IAAAA,UAAU,EAAE;AAFJ,GAR2B;AAYrCC,EAAAA,QAAQ,EAAC;AACPJ,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd;AADD,GAZ4B;AAerCI,EAAAA,WAAW,EAAC;AACVC,IAAAA,eAAe,EAAC;AADN;AAfyB,CAAL,CAAN,CAA5B;AAoBA,eAAe,SAASC,GAAT,CAAaC,KAAb,EAAoB;AACjC,QAAMC,OAAO,GAAGlB,SAAS,EAAzB;AACED,EAAAA,QAAQ,CAACoB,IAAT,GAAgBC,kBAAhB,CAAmC,UAASC,IAAT,EAAe;AAC9C,QAAIA,IAAJ,EAAU;AACNC,MAAAA,OAAO,CAACC,GAAR,CAAY,mBAAZ;AAEH,KAHD,MAGO;AACHD,MAAAA,OAAO,CAACC,GAAR,CAAY,uBAAZ;AACAN,MAAAA,KAAK,CAACO,OAAN,CAAcC,IAAd,CAAmB,QAAnB;AACH;AACJ,GARD;AAUF,SACE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,KAAK,MAAjB;AAAkB,IAAA,QAAQ,EAAC,KAA3B;AAAiC,IAAA,aAAa,EAAE,IAAhD;AAAsD,IAAA,eAAe,EAAE,KAAvE;AAA8E,IAAA,eAAe,EAAE,KAA/F;AAAsG,IAAA,UAAU,EAAE,IAAlH;AAAwH,IAAA,aAAa,EAAC,GAAtI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEP,OAAO,CAACV,QAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,WAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,cAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACM,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAC,SAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADN,CADA,cAMI,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBANJ,OADF,CADA,CAFF,EAgBE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEU,OAAO,CAACV,QAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,cAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,cAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AACE,IAAA,MAAM,EACJ,oBAAC,MAAD;AAAQ,MAAA,SAAS,EAAEU,OAAO,CAACJ,WAA3B;AAAwC,oBAAW,OAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,UAAD;AAAY,MAAA,KAAK,EAAC,SAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CAFJ;AAME,IAAA,KAAK,EACH,oBAAC,UAAD;AAAY,MAAA,OAAO,EAAC,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAPJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADA,CADA,CAhBF,EAgCE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEI,OAAO,CAACV,QAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACM,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAC,cAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACN,oBAAC,cAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AACE,IAAA,MAAM,EACJ,oBAAC,MAAD;AAAQ,MAAA,SAAS,EAAEU,OAAO,CAACJ,WAA3B;AAAwC,oBAAW,OAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,UAAD;AAAY,MAAA,KAAK,EAAC,SAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CAFJ;AAME,IAAA,KAAK,EACH,oBAAC,UAAD;AAAY,MAAA,OAAO,EAAC,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAPJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADM,CADN,CAhCF,EAiDE,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAC,QAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAjDF,EAkDE;AAAK,IAAA,SAAS,EAAEI,OAAO,CAACP,QAAxB;AAAkC,IAAA,KAAK,EAAC,QAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BADF,EAEE,oBAAC,WAAD;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,KAAK,EAAC,SAFR;AAGE,kBAAW,wCAHb;AAIE,IAAA,SAAS,EAAEO,OAAO,CAACL,QAJrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMA,oBAAC,MAAD;AACE,IAAA,SAAS,EAAEK,OAAO,CAACQ,MADrB;AAEE,IAAA,SAAS,EAAE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAFb;AAGE,IAAA,IAAI,EAAC,kBAHP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eANA,EAaA,oBAAC,MAAD;AACE,IAAA,SAAS,EAAER,OAAO,CAACQ,MADrB;AAEE,IAAA,SAAS,EAAE,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAFb;AAGE,IAAA,IAAI,EAAC,iDAHP;AAIE,IAAA,MAAM,EAAC,MAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAbA,CAFF,CAlDF,CADF;AA8ED","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Card,\n  CardHeader,\n  CardActionArea,\n  CardIcon,\n  Container,\n  Button,\n  ButtonGroup,\n} from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport {LinkContainer} from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1),\n  },\n  avatarColor:{\n    backgroundColor:'#fff',\n  },\n}));\n\nexport default function FAQ(props) {\n  const classes = useStyles();\n    firebase.auth().onAuthStateChanged(function(user) {\n        if (user) {\n            console.log(\"User is signed in\");\n\n        } else {\n            console.log(\"User is not signed in\");\n            props.history.push(\"/login\")\n        }\n    });\n\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"FAQ\" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/node\">\n        <CardActionArea>\n        <CardIcon>\n              <NodeIcon color=\"primary\" />\n            </CardIcon>\n          }\n          title={\n            <Typography variant=\"body1\">Node Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/gateway\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <RouterIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Gateway Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n            <LinkContainer to=\"/faq/profile\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <PersonIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Profile Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n        <Button\n          className={classes.button}\n          startIcon={<PhoneIcon />}\n          href=\"tel:+31651775925\"\n        >\n          Call us\n        </Button>\n        <Button\n          className={classes.button}\n          startIcon={<MailIcon />}\n          href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n          target=\"_top\"\n        >\n          Send us an email\n        </Button>\n        </ButtonGroup>\n      </div>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/7871d8901bb9cec67ddef77e2f2a32e1.json b/frontend/node_modules/.cache/babel-loader/7871d8901bb9cec67ddef77e2f2a32e1.json
new file mode 100644
index 000000000..861b8a092
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/7871d8901bb9cec67ddef77e2f2a32e1.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connected to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is connected but is not sending data to the application\",\n    body: \"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n        <ExpansionCard title=\"The gateway is on but not connected to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway is connected but is not sending data to the application\" body=\"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\" />\n      </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/7de3e8ade8c59336582086d3cade5785.json b/frontend/node_modules/.cache/babel-loader/7de3e8ade8c59336582086d3cade5785.json
new file mode 100644
index 000000000..3b9bd06bf
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/7de3e8ade8c59336582086d3cade5785.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"How can I change my password?\",\n    body: \"To change your password, top right button > profile > change password\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\"\n      hamburgerMenu={false}\n      closeButtonOnly={false}\n      closeWithPrompt={false}\n      backButton={true}\n      backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"How can I change my password?\" body=\"To change your password, top right button > profile > change password\" />\n      </div>\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/7e0a202ad1d0a6d732878c27e1f4d863.json b/frontend/node_modules/.cache/babel-loader/7e0a202ad1d0a6d732878c27e1f4d863.json
new file mode 100644
index 000000000..8b0e96aed
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/7e0a202ad1d0a6d732878c27e1f4d863.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/steps/Step_3_Gateway.js\";\nimport React from \"react\";\nimport \"../containers/Home.css\";\nimport { Container, Box, Typography } from '@material-ui/core';\nimport ExpansionPanel from '../components/ExpansionPanel';\nexport default function Step3() {\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12\n    },\n    __self: this\n  }, React.createElement(Box, {\n    m: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 13\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"overline\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 14\n    },\n    __self: this\n  }, \"Installation \\u279C Gateway\"), React.createElement(Typography, {\n    variant: \"h4\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17\n    },\n    __self: this\n  }, \"Preparing the gateway\"), React.createElement(Typography, {\n    display: \"block\",\n    variant: \"body1\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18\n    },\n    __self: this\n  }, \"Before we are going to connect the gateway, make sure that you have set-up the following in your local network:\")), React.createElement(Box, {\n    m: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 22\n    },\n    __self: this\n  }, React.createElement(ExpansionPanel, {\n    title: \"Active internet connection\",\n    body: \"Make sure your internet is active to make a connection to the gateway\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 23\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Open the ports needed to connect\",\n    body: \"Open ports: 2000, 3000 and 603\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 24\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Make sure you have a LAN port available\",\n    body: \"The gateway connects to your local network through cable. Please make sure you have a LAN port available\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 25\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Make sure you have a power outlet available\",\n    body: \"The gateway needs power to work. Make sure you have a power outlet nearby\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26\n    },\n    __self: this\n  }), React.createElement(ExpansionPanel, {\n    title: \"Make sure you have a local LoRa network\",\n    body: \"This has already been communicated to you with Quantified. Please make sure the network is online for the gateway to connect to the nodes.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27\n    },\n    __self: this\n  })));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/steps/Step_3_Gateway.js"],"names":["React","Container","Box","Typography","ExpansionPanel","Step3"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,wBAAP;AACA,SACEC,SADF,EAEEC,GAFF,EAGEC,UAHF,QAIO,mBAJP;AAKA,OAAOC,cAAP,MAA2B,8BAA3B;AAEA,eAAe,SAASC,KAAT,GAAgB;AAC7B,SACE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACM,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,UAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCADF,EAIE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAyB,IAAA,YAAY,MAArC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAJF,EAKE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAA4B,IAAA,OAAO,EAAC,OAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uHALF,CADN,EAUM,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,4BAAtB;AAAmD,IAAA,IAAI,EAAC,uEAAxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAEI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,kCAAtB;AAAyD,IAAA,IAAI,EAAC,gCAA9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFJ,EAGI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,yCAAtB;AAAgE,IAAA,IAAI,EAAC,0GAArE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHJ,EAII,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,6CAAtB;AAAoE,IAAA,IAAI,EAAC,2EAAzE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJJ,EAKI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAC,yCAAtB;AAAgE,IAAA,IAAI,EAAC,4IAArE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IALJ,CAVN,CADF;AAoBD","sourcesContent":["import React from \"react\";\nimport \"../containers/Home.css\";\nimport {\n  Container,\n  Box,\n  Typography,\n} from '@material-ui/core';\nimport ExpansionPanel from '../components/ExpansionPanel';\n\nexport default function Step3(){\n  return(\n    <Container>\n          <Box m={1}>\n            <Typography variant=\"overline\">\n            Installation &#10140; Gateway\n            </Typography>\n            <Typography variant=\"h4\" gutterBottom>Preparing the gateway</Typography>\n            <Typography display=\"block\" variant=\"body1\">\n              Before we are going to connect the gateway, make sure that you have set-up the following in your local network:\n            </Typography>\n          </Box>\n          <Box m={1}>\n              <ExpansionPanel title=\"Active internet connection\" body=\"Make sure your internet is active to make a connection to the gateway\"/>\n              <ExpansionPanel title=\"Open the ports needed to connect\" body=\"Open ports: 2000, 3000 and 603\" />\n              <ExpansionPanel title=\"Make sure you have a LAN port available\" body=\"The gateway connects to your local network through cable. Please make sure you have a LAN port available\" />\n              <ExpansionPanel title=\"Make sure you have a power outlet available\" body=\"The gateway needs power to work. Make sure you have a power outlet nearby\" />\n              <ExpansionPanel title=\"Make sure you have a local LoRa network\" body=\"This has already been communicated to you with Quantified. Please make sure the network is online for the gateway to connect to the nodes.\" />\n        </Box>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/7e89c45905c45fb9a10ecc020afbf7c5.json b/frontend/node_modules/.cache/babel-loader/7e89c45905c45fb9a10ecc020afbf7c5.json
new file mode 100644
index 000000000..285db47a4
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/7e89c45905c45fb9a10ecc020afbf7c5.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"How can I change my password?\",\n    body: \"To change your password. Go to top right button on the homescreen > profile > change password\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\"\n      hamburgerMenu={false}\n      closeButtonOnly={false}\n      closeWithPrompt={false}\n      backButton={true}\n      backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"How can I change my password?\" body=\"To change your password. Go to top right button on the homescreen > profile > change password\" />\n      </div>\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/861581376205f2dc458a660dd6457d77.json b/frontend/node_modules/.cache/babel-loader/861581376205f2dc458a660dd6457d77.json
new file mode 100644
index 000000000..d8d0f103d
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/861581376205f2dc458a660dd6457d77.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js\";\nimport React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { Container, Box, Grid, Paper, Typography, Divider, makeStyles } from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp';\nimport NodeTable from './nodeTable';\nimport FakeTemp from '../components/fakeTemp';\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column'\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4)\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto'\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  const classes = useStyles();\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight);\n  return React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64\n    },\n    __self: this\n  }, React.createElement(CssBaseline, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65\n    },\n    __self: this\n  }), React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Dashboard\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }), React.createElement(Container, {\n    maxWidth: \"lg\",\n    className: classes.container,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    spacing: 3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70\n    },\n    __self: this\n  }, React.createElement(ChartTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71\n    },\n    __self: this\n  }))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }, \"Current temperature\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81\n    },\n    __self: this\n  }, \"Temperature is too high\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }, \"Light strenght\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"8000 lux\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, \"Light is optimal\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 98\n    },\n    __self: this\n  }, React.createElement(NodeTable, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99\n    },\n    __self: this\n  })))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js"],"names":["React","clsx","CssBaseline","Container","Box","Grid","Paper","Typography","Divider","makeStyles","TopMenuBar","firebase","ChartTemp","NodeTable","FakeTemp","useStyles","theme","root","display","paper","padding","spacing","overflow","flexDirection","container","paddingTop","paddingBottom","fixedHeight","height","content","flexGrow","divider","marginTop","marginBottom","Dashboard","props","auth","onAuthStateChanged","user","console","log","history","push","classes","fixedHeightPaper"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {\n  Container,\n  Box,\n  Grid,\n  Paper,\n  Typography,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp'\nimport NodeTable from './nodeTable'\nimport FakeTemp from '../components/fakeTemp'\n\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n  },\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column',\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4),\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function(user) {\n      if (user) {\n        console.log(\"User is signed in\");\n\n      } else {\n        console.log(\"User is not signed in\");\n        props.history.push(\"/login\")\n      }\n  });\n\n  const classes = useStyles();\n\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight)\n\n  return (\n    <div className={classes.root}>\n      <CssBaseline />\n    <TopMenuBar block pageName=\"Dashboard\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n        <Container maxWidth=\"lg\" className={classes.container}>\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                  <ChartTemp />\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <Typography variant=\"h6\" component=\"h2\">Current temperature</Typography>\n                  <Typography variant=\"h2\"><FakeTemp />℃</Typography>\n                  <Divider className={classes.divider}/>\n                  <Typography variant=\"h6\">Advice</Typography>\n                  <Typography variant=\"body2\">Temperature is too high</Typography>\n                </Box>\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                  <Box p={1}>\n                    <Typography variant=\"h6\" component=\"h2\">Light strenght</Typography>\n                    <Typography variant=\"h2\">8000 lux</Typography>\n                    <Divider className={classes.divider}/>\n                    <Typography variant=\"h6\">Advice</Typography>\n                    <Typography variant=\"body2\">Light is optimal</Typography>\n                  </Box>\n                </Paper>\n              </Grid>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <NodeTable />\n                </Box>\n              </Paper>\n            </Grid>\n          </Grid>\n        </Container>\n    </div>\n\n    );\n  }\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/923363e68096351dde746c7a24d0aae8.json b/frontend/node_modules/.cache/babel-loader/923363e68096351dde746c7a24d0aae8.json
new file mode 100644
index 000000000..69cc08fe0
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/923363e68096351dde746c7a24d0aae8.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Card, CardHeader, CardActionArea, Avatar, Button, ButtonGroup } from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport { LinkContainer } from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  },\n  avatarColor: {\n    backgroundColor: '#fff'\n  }\n}));\nexport default function FAQ(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"FAQ\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/node\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62\n      },\n      __self: this\n    }, React.createElement(NodeIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }, \"Node Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  })))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/gateway\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    }, React.createElement(RouterIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 83\n      },\n      __self: this\n    }, \"Gateway Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  })))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94\n      },\n      __self: this\n    }, React.createElement(PersonIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 95\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99\n      },\n      __self: this\n    }, \"Profile Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  })))), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109\n    },\n    __self: this\n  }, React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 117\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js"],"names":["React","makeStyles","Divider","Typography","Card","CardHeader","CardActionArea","Avatar","Button","ButtonGroup","TopMenuBar","LinkContainer","NodeIcon","RouterIcon","PersonIcon","PhoneIcon","MailIcon","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","avatarColor","backgroundColor","FAQ","props","classes","auth","onAuthStateChanged","user","console","log","history","push","button"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Card,\n  CardHeader,\n  CardActionArea,\n  Avatar,\n  Button,\n  ButtonGroup,\n} from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport {LinkContainer} from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1),\n  },\n  avatarColor:{\n    backgroundColor:'#fff',\n  },\n}));\n\nexport default function FAQ(props) {\n  const classes = useStyles();\n    firebase.auth().onAuthStateChanged(function(user) {\n        if (user) {\n            console.log(\"User is signed in\");\n\n        } else {\n            console.log(\"User is not signed in\");\n            props.history.push(\"/login\")\n        }\n    });\n\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"FAQ\" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/node\">\n        <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <NodeIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Node Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/gateway\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <RouterIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Gateway Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n            <LinkContainer to=\"/faq/profile\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <PersonIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Profile Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n        <Button\n          className={classes.button}\n          startIcon={<PhoneIcon />}\n          href=\"tel:+31651775925\"\n        >\n          Call us\n        </Button>\n        <Button\n          className={classes.button}\n          startIcon={<MailIcon />}\n          href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n          target=\"_top\"\n        >\n          Send us an email\n        </Button>\n        </ButtonGroup>\n      </div>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/93460f9427542bc41d76b2b6ac51ae34.json b/frontend/node_modules/.cache/babel-loader/93460f9427542bc41d76b2b6ac51ae34.json
new file mode 100644
index 000000000..7f0c3d156
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/93460f9427542bc41d76b2b6ac51ae34.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js\";\nimport React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { Container, Box, Grid, Paper, Typography, Divider, makeStyles } from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp';\nimport NodeTable from './nodeTable';\nimport FakeTemp from '../components/fakeTemp';\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column'\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4)\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto'\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  const classes = useStyles();\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight);\n  return React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64\n    },\n    __self: this\n  }, React.createElement(CssBaseline, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65\n    },\n    __self: this\n  }), React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Dashboard\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }), React.createElement(\"main\", {\n    className: classes.content,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67\n    },\n    __self: this\n  }, React.createElement(Container, {\n    maxWidth: \"lg\",\n    className: classes.container,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    spacing: 3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71\n    },\n    __self: this\n  }, React.createElement(ChartTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, \"Current temperature\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82\n    },\n    __self: this\n  }, \"Temperature is too high\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"Light strenght\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }, \"8000 lux\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  }, \"Light is optimal\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 98\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99\n    },\n    __self: this\n  }, React.createElement(NodeTable, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 100\n    },\n    __self: this\n  }))))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js"],"names":["React","clsx","CssBaseline","Container","Box","Grid","Paper","Typography","Divider","makeStyles","TopMenuBar","firebase","ChartTemp","NodeTable","FakeTemp","useStyles","theme","root","display","paper","padding","spacing","overflow","flexDirection","container","paddingTop","paddingBottom","fixedHeight","height","content","flexGrow","divider","marginTop","marginBottom","Dashboard","props","auth","onAuthStateChanged","user","console","log","history","push","classes","fixedHeightPaper"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {\n  Container,\n  Box,\n  Grid,\n  Paper,\n  Typography,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp'\nimport NodeTable from './nodeTable'\nimport FakeTemp from '../components/fakeTemp'\n\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n  },\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column',\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4),\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function(user) {\n      if (user) {\n        console.log(\"User is signed in\");\n\n      } else {\n        console.log(\"User is not signed in\");\n        props.history.push(\"/login\")\n      }\n  });\n\n  const classes = useStyles();\n\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight)\n\n  return (\n    <div className={classes.root}>\n      <CssBaseline />\n    <TopMenuBar block pageName=\"Dashboard\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n      <main className={classes.content}>\n        <Container maxWidth=\"lg\" className={classes.container}>\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                  <ChartTemp />\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <Typography variant=\"h6\" component=\"h2\">Current temperature</Typography>\n                  <Typography variant=\"h2\"><FakeTemp />℃</Typography>\n                  <Divider className={classes.divider}/>\n                  <Typography variant=\"h6\">Advice</Typography>\n                  <Typography variant=\"body2\">Temperature is too high</Typography>\n                </Box>\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                  <Box p={1}>\n                    <Typography variant=\"h6\" component=\"h2\">Light strenght</Typography>\n                    <Typography variant=\"h2\">8000 lux</Typography>\n                    <Divider className={classes.divider}/>\n                    <Typography variant=\"h6\">Advice</Typography>\n                    <Typography variant=\"body2\">Light is optimal</Typography>\n                  </Box>\n                </Paper>\n              </Grid>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <NodeTable />\n                </Box>\n              </Paper>\n            </Grid>\n          </Grid>\n        </Container>\n      </main>\n    </div>\n\n    );\n  }\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/9a9fb3c29efd2cfc30372ae0e4adb98c.json b/frontend/node_modules/.cache/babel-loader/9a9fb3c29efd2cfc30372ae0e4adb98c.json
new file mode 100644
index 000000000..1128477d5
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/9a9fb3c29efd2cfc30372ae0e4adb98c.json
@@ -0,0 +1 @@
+{"ast":null,"code":"import _slicedToArray from \"/Users/markheij/ipmedth_airsupport/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nvar _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/containers/NodeInfo.js\";\nimport React from \"react\";\nimport \"./NodeInfo.css\";\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\nimport { List, ListItem, ListItemAvatar, Badge, FormControl, InputLabel, Input, Button, Typography } from '@material-ui/core';\nimport { withScriptjs, withGoogleMap, GoogleMap, Marker } from \"react-google-maps\";\nimport Firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  inputFieldText: {\n    fontSize: \"1em\"\n  },\n  saveButton: {\n    marginRight: '16px',\n    marginTop: '10px'\n  },\n  deleteButton: {\n    color: '#FF0000',\n    borderColor: '#FF0000',\n    marginTop: '10px'\n  }\n}));\nconst StyledBadge = withStyles(theme => ({\n  badge: {\n    right: -5,\n    top: 16,\n    border: `2px solid ${theme.palette.background.paper}`,\n    padding: '0 2px',\n    height: '11px',\n    minWidth: '11px'\n  }\n}))(Badge);\nexport default function NodeInfo(props) {\n  const _React$useState = React.useState(false),\n        _React$useState2 = _slicedToArray(_React$useState, 2),\n        itLoaded = _React$useState2[0],\n        isItLoaded = _React$useState2[1];\n\n  Firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  let nodeId = props.match.params.nodeId;\n  const nodes = [];\n  let selectedNode;\n  let loaded = false;\n  var user = Firebase.auth().currentUser;\n\n  if (user) {\n    const uid = user.uid;\n    Firebase.firestore().collection(uid).get().then(function (querySnapshot) {\n      querySnapshot.forEach(function (doc) {\n        // doc.data() is never undefined for query doc snapshots\n        //console.log(doc.id, \" => \", doc.data());\n        let nodedata = doc.data();\n        let idn = nodedata.quantified.id;\n        let groupn = nodedata.group;\n        let namen = nodedata.name;\n        let statusn = \"Online\"; //nodedata.status\n\n        let xn = nodedata.x;\n        let yn = nodedata.y;\n        let zn = nodedata.z;\n        let nodeExists = false;\n        let newNode = {\n          id: idn,\n          key: idn,\n          name: namen,\n          group: groupn,\n          status: statusn,\n          x: xn,\n          y: yn,\n          z: zn\n        };\n        nodes.forEach(function (n) {\n          if (n.key === idn) {\n            nodeExists = true;\n          } else {//nothing, node is already in the list\n          }\n        });\n\n        if (!nodeExists) {\n          nodes.push(newNode);\n        }\n\n        console.log(loaded);\n        selectedNode = nodes.filter(node => node.id === nodeId)[0];\n        console.log(selectedNode);\n\n        if (selectedNode) {\n          console.log(selectedNode);\n        }\n\n        console.log(nodeId);\n      });\n      isItLoaded(true);\n\n      if (isItLoaded) {\n        loaded = true;\n      }\n\n      console.log(loaded);\n      console.log(itLoaded);\n    });\n  } else {}\n\n  const classes = useStyles(); //const MyMapComponent = withScriptjs(withGoogleMap((props) =>\n  //    <GoogleMap\n  //       defaultZoom={8}\n  //       defaultCenter={{ }}\n  //  >\n  //        {props.isMarkerShown && <Marker position={{ lat: -34.397, lng: 150.644 }} />}\n  //    </GoogleMap>\n  //))\n\n  async function handleChange() {//update the database by sending the new value to the API\n  }\n\n  async function deleteNode() {//Delete the node in the database\n  }\n\n  ;\n\n  async function saveNode() {//Delete the node in the database\n  }\n\n  ;\n  return React.createElement(\"div\", {\n    className: \"nodInfoPage\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 141\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node info\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/nodes\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 142\n    },\n    __self: this\n  }), loaded && React.createElement(List, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 143\n    },\n    __self: this\n  }, console.log(\"rendering\"), React.createElement(ListItem, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 144\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"body1\",\n    className: \"boldText bigText\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 145\n    },\n    __self: this\n  }, \"Node ID \", loaded && selectedNode.id)), React.createElement(ListItem, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 147\n    },\n    __self: this\n  }, React.createElement(FormControl, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 148\n    },\n    __self: this\n  }, React.createElement(InputLabel, {\n    htmlFor: \"component-simple\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 149\n    },\n    __self: this\n  }, \"Name\"), React.createElement(Input, {\n    id: \"component-simple\",\n    defaultValue: loaded && selectedNode.name,\n    className: classes.inputFieldText,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 150\n    },\n    __self: this\n  })), console.log(\"rendering again\"), console.log(selectedNode.id)), React.createElement(ListItem, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 155\n    },\n    __self: this\n  }, React.createElement(FormControl, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 156\n    },\n    __self: this\n  }, React.createElement(InputLabel, {\n    htmlFor: \"component-simple\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 157\n    },\n    __self: this\n  }, \"Group\"), React.createElement(Input, {\n    id: \"component-simple\",\n    defaultValue: loaded && selectedNode.group,\n    className: classes.inputFieldText,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 158\n    },\n    __self: this\n  }))), React.createElement(ListItem, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 161\n    },\n    __self: this\n  }, React.createElement(ListItemAvatar, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 162\n    },\n    __self: this\n  }, React.createElement(StyledBadge, {\n    classes: loaded && {\n      badge: selectedNode.status\n    },\n    badgeContent: \" \",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 163\n    },\n    __self: this\n  }, React.createElement(\"p\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 164\n    },\n    __self: this\n  }, loaded && (selectedNode.status === \"Online\" ? \"Online\" : \"Offline\"))))), React.createElement(ListItem, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 168\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"body1\",\n    className: \"coordinates\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 169\n    },\n    __self: this\n  }, \"X:\", loaded && selectedNode.x, \" Y:\", loaded && selectedNode.y, \" Z:\", loaded && selectedNode.z)), React.createElement(ListItem, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171\n    },\n    __self: this\n  }, React.createElement(Button, {\n    variant: \"contained\",\n    color: \"primary\",\n    className: classes.saveButton,\n    onClick: saveNode(),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 172\n    },\n    __self: this\n  }, \"Save\"), React.createElement(Button, {\n    variant: \"outlined\",\n    className: classes.deleteButton,\n    onClick: deleteNode(),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 175\n    },\n    __self: this\n  }, \"Delete\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/containers/NodeInfo.js"],"names":["React","TopMenuBar","withStyles","makeStyles","List","ListItem","ListItemAvatar","Badge","FormControl","InputLabel","Input","Button","Typography","withScriptjs","withGoogleMap","GoogleMap","Marker","Firebase","useStyles","theme","inputFieldText","fontSize","saveButton","marginRight","marginTop","deleteButton","color","borderColor","StyledBadge","badge","right","top","border","palette","background","paper","padding","height","minWidth","NodeInfo","props","useState","itLoaded","isItLoaded","auth","onAuthStateChanged","user","console","log","history","push","nodeId","match","params","nodes","selectedNode","loaded","currentUser","uid","firestore","collection","get","then","querySnapshot","forEach","doc","nodedata","data","idn","quantified","id","groupn","group","namen","name","statusn","xn","x","yn","y","zn","z","nodeExists","newNode","key","status","n","filter","node","classes","handleChange","deleteNode","saveNode"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport \"./NodeInfo.css\";\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\nimport { List, ListItem, ListItemAvatar, Badge, FormControl, InputLabel, Input, Button, Typography } from '@material-ui/core';\nimport { withScriptjs, withGoogleMap, GoogleMap, Marker } from \"react-google-maps\";\nimport Firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n\n  inputFieldText: {\n    fontSize: \"1em\"\n  },\n  saveButton: {\n    marginRight: '16px',\n    marginTop: '10px'\n  },\n  deleteButton: {\n    color: '#FF0000',\n    borderColor: '#FF0000',\n    marginTop: '10px'\n  }\n}));\n\nconst StyledBadge = withStyles(theme => ({\n  badge: {\n    right: -5,\n    top: 16,\n    border: `2px solid ${theme.palette.background.paper}`,\n    padding: '0 2px',\n    height: '11px',\n    minWidth: '11px',\n  },\n}))(Badge);\n\nexport default function NodeInfo(props) {\n  const[itLoaded, isItLoaded] = React.useState(false);\n\n  Firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  let nodeId = props.match.params.nodeId;\n  const nodes = [];\n  let selectedNode;\n  let loaded = false;\n\n  var user = Firebase.auth().currentUser;\n\n  if (user) {\n    const uid = user.uid;\n\n    Firebase.firestore().collection(uid).get().then(function(querySnapshot){\n      querySnapshot.forEach(function(doc) {\n        // doc.data() is never undefined for query doc snapshots\n        //console.log(doc.id, \" => \", doc.data());\n        let nodedata = doc.data();\n        let idn = nodedata.quantified.id;\n        let groupn = nodedata.group;\n        let namen = nodedata.name;\n        let statusn = \"Online\"; //nodedata.status\n        let xn = nodedata.x;\n        let yn = nodedata.y;\n        let zn = nodedata.z;\n        let nodeExists = false;\n        let newNode = {\n          id: idn,\n          key: idn,\n          name: namen,\n          group: groupn,\n          status: statusn,\n          x: xn,\n          y: yn,\n          z: zn\n        };\n\n        nodes.forEach(function (n) {\n          if(n.key === idn){\n            nodeExists = true;\n          }else{\n            //nothing, node is already in the list\n          }\n        });\n\n        if (!nodeExists){\n          nodes.push(newNode);\n        }\n        console.log(loaded);\n        selectedNode = nodes.filter((node) => node.id === nodeId)[0];\n        console.log(selectedNode);\n        if (selectedNode){\n          console.log(selectedNode)\n\n\n        }\n        console.log(nodeId)\n\n      });\n\n      isItLoaded(true);\n      if(isItLoaded){\n        loaded = true;\n      }\n      console.log(loaded)\n      console.log(itLoaded)\n    })\n\n  }else{\n\n  }\n\n  const classes = useStyles();\n\n  //const MyMapComponent = withScriptjs(withGoogleMap((props) =>\n  //    <GoogleMap\n  //       defaultZoom={8}\n  //       defaultCenter={{ }}\n  //  >\n  //        {props.isMarkerShown && <Marker position={{ lat: -34.397, lng: 150.644 }} />}\n  //    </GoogleMap>\n  //))\n\n  async function handleChange() {\n    //update the database by sending the new value to the API\n  }\n\n  async function deleteNode() {\n    //Delete the node in the database\n  };\n\n  async function saveNode() {\n    //Delete the node in the database\n  };\n\n  return (\n    <div className=\"nodInfoPage\">\n      <TopMenuBar block pageName={\"Node info\"} hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/nodes\"/>\n      {loaded && (<List>{console.log(\"rendering\")}\n        <ListItem>\n          <Typography variant=\"body1\" className=\"boldText bigText\">Node ID {loaded && (selectedNode.id)}</Typography>\n        </ListItem>\n        <ListItem>\n          <FormControl>\n            <InputLabel htmlFor=\"component-simple\">Name</InputLabel>\n            <Input id=\"component-simple\" defaultValue={loaded && (selectedNode.name)} className={classes.inputFieldText}/>\n          </FormControl>\n          {console.log(\"rendering again\")}\n          {console.log(selectedNode.id)}\n        </ListItem>\n        <ListItem>\n          <FormControl>\n            <InputLabel htmlFor=\"component-simple\">Group</InputLabel>\n            <Input id=\"component-simple\" defaultValue={loaded && (selectedNode.group)} className={classes.inputFieldText} />\n          </FormControl>\n        </ListItem>\n        <ListItem>\n          <ListItemAvatar>\n            <StyledBadge classes={loaded && ({ badge: selectedNode.status })} badgeContent=\" \">\n              <p>{loaded && (selectedNode.status === \"Online\"?\"Online\":\"Offline\")}</p>\n            </StyledBadge>\n          </ListItemAvatar>\n        </ListItem>\n        <ListItem>\n           <Typography variant=\"body1\" className=\"coordinates\">X:{loaded && (selectedNode.x)} Y:{loaded && (selectedNode.y)} Z:{loaded && (selectedNode.z)}</Typography>\n        </ListItem>\n        <ListItem>\n          <Button variant=\"contained\" color=\"primary\" className={classes.saveButton} onClick={saveNode()}>\n            Save\n          </Button>\n          <Button variant=\"outlined\" className={classes.deleteButton} onClick={deleteNode()}>\n            Delete\n          </Button>\n        </ListItem>\n      </List>)}\n    </div>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/ae7577274ea35814779a6e9fce76bdd3.json b/frontend/node_modules/.cache/babel-loader/ae7577274ea35814779a6e9fce76bdd3.json
new file mode 100644
index 000000000..ca3110913
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/ae7577274ea35814779a6e9fce76bdd3.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"How can I change my password?\",\n    body: \"To change your password, top right button > profile > change password\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\"\n      hamburgerMenu={false}\n      closeButtonOnly={false}\n      closeWithPrompt={false}\n      backButton={true}\n      backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"How can I change my password?\" body=\"To change your password, top right button > profile > change password\" />\n      </div>\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/b5accac92dce878feda41b37b626d8eb.json b/frontend/node_modules/.cache/babel-loader/b5accac92dce878feda41b37b626d8eb.json
new file mode 100644
index 000000000..2684580bf
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/b5accac92dce878feda41b37b626d8eb.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connected to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is connected but is not sending data to the application\",\n    body: \"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway making a strange noise\",\n    body: \"This could mean you have a broken gateway. Please contact us below\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }), React.createElement(Box, {\n    m: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 57\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n        <ExpansionCard title=\"The gateway is on but not connected to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway is connected but is not sending data to the application\" body=\"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway making a strange noise\" body=\"This could mean you have a broken gateway. Please contact us below\" />\n    </div>\n\n      <Divider variant=\"middle\"/>\n      <Box m={1}>\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </Box>\n      <BottomMenuBar slectedIcon={2} block/>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/bf835da2634ba9378209c0615e7d9c12.json b/frontend/node_modules/.cache/babel-loader/bf835da2634ba9378209c0615e7d9c12.json
new file mode 100644
index 000000000..7b88b2fb2
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/bf835da2634ba9378209c0615e7d9c12.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"How can I change my password?\",\n    body: \"To change your password. Go to top right button om home > profile > change password\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SACEC,OADF,EAEEC,UAFF,EAGEC,MAHF,EAIEC,WAJF,EAKEC,GALF,EAMEC,SANF,QAOO,mBAPP;AAQA,OAAOC,aAAP,MAA0B,iCAA1B;AACA,OAAOC,UAAP,MAAuB,6BAAvB;AACA,OAAOC,SAAP,MAAsB,0BAAtB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AACA,OAAOC,QAAP,MAAqB,UAArB;AAEA,MAAMC,SAAS,GAAGb,UAAU,CAACc,KAAK,KAAK;AACrCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBC,OAAjB,CAAyB,EAAzB,CADH;AAEPC,IAAAA,UAAU,EAAEL,KAAK,CAACG,UAAN,CAAiBG;AAFtB,GAD4B;AAKrCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd,EAAiB,CAAjB;AADA,GAL2B;AAQrCC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd,CADA;AAERE,IAAAA,UAAU,EAAE;AAFJ,GAR2B;AAYrCC,EAAAA,QAAQ,EAAC;AACPJ,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd;AADD;AAZ4B,CAAL,CAAN,CAA5B;AAiBA,eAAe,SAASI,OAAT,CAAiBC,KAAjB,EAAwB;AACrC,QAAMC,OAAO,GAAGhB,SAAS,EAAzB;AACAD,EAAAA,QAAQ,CAACkB,IAAT,GAAgBC,kBAAhB,CAAmC,UAASC,IAAT,EAAe;AAChD,QAAIA,IAAJ,EAAU;AACRC,MAAAA,OAAO,CAACC,GAAR,CAAY,mBAAZ;AAED,KAHD,MAGO;AACLD,MAAAA,OAAO,CAACC,GAAR,CAAY,uBAAZ;AACAN,MAAAA,KAAK,CAACO,OAAN,CAAcC,IAAd,CAAmB,QAAnB;AACD;AACF,GARD;AASA,SACE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,KAAK,MAAjB;AAAkB,IAAA,QAAQ,EAAC,UAA3B;AACA,IAAA,aAAa,EAAE,KADf;AAEA,IAAA,eAAe,EAAE,KAFjB;AAGA,IAAA,eAAe,EAAE,KAHjB;AAIA,IAAA,UAAU,EAAE,IAJZ;AAKA,IAAA,aAAa,EAAC,MALd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAOE;AAAK,IAAA,SAAS,EAAEP,OAAO,CAACR,QAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAC,+BAArB;AAAqD,IAAA,IAAI,EAAC,qFAA1D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CAPF,EAUE,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAC,QAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAVF,EAWE;AAAK,IAAA,SAAS,EAAEQ,OAAO,CAACL,QAAxB;AAAkC,IAAA,KAAK,EAAC,QAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BADF,EAEE,oBAAC,WAAD;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,KAAK,EAAC,SAFR;AAGE,kBAAW,wCAHb;AAIE,IAAA,SAAS,EAAEK,OAAO,CAACH,QAJrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAME,oBAAC,MAAD;AACE,IAAA,SAAS,EAAE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADb;AAEE,IAAA,IAAI,EAAC,kBAFP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eANF,EAYE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAE,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADb;AAEE,IAAA,IAAI,EAAC,iDAFP;AAGE,IAAA,MAAM,EAAC,MAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAZF,CAFF,CAXF,EAkCE,oBAAC,aAAD;AAAe,IAAA,WAAW,EAAE,CAA5B;AAA+B,IAAA,KAAK,MAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAlCF,CADF;AAsCD","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\"\n      hamburgerMenu={false}\n      closeButtonOnly={false}\n      closeWithPrompt={false}\n      backButton={true}\n      backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"How can I change my password?\" body=\"To change your password. Go to top right button om home > profile > change password\" />\n      </div>\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/c080be5ff25c5dbf5d77593680c1cbc3.json b/frontend/node_modules/.cache/babel-loader/c080be5ff25c5dbf5d77593680c1cbc3.json
new file mode 100644
index 000000000..0227cd1ea
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/c080be5ff25c5dbf5d77593680c1cbc3.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"How can I change my password?\",\n    body: \"To change your password. Go to top right button on the homescreen > profile > change password\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\"\n      hamburgerMenu={false}\n      closeButtonOnly={false}\n      closeWithPrompt={false}\n      backButton={true}\n      backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"How can I change my password?\" body=\"To change your password. Go to top right button on the homescreen > profile > change password\" />\n      </div>\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/c2c35e14ba5daf8eea6f06283b74edb9.json b/frontend/node_modules/.cache/babel-loader/c2c35e14ba5daf8eea6f06283b74edb9.json
new file mode 100644
index 000000000..1e40d9571
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/c2c35e14ba5daf8eea6f06283b74edb9.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connected to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 59\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SACEC,OADF,EAEEC,UAFF,EAGEC,MAHF,EAIEC,WAJF,QAKO,mBALP;AAMA,OAAOC,aAAP,MAA0B,iCAA1B;AACA,OAAOC,UAAP,MAAuB,6BAAvB;AACA,OAAOC,SAAP,MAAsB,0BAAtB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AAEA,MAAMC,SAAS,GAAGV,UAAU,CAACW,KAAK,KAAK;AACrCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBC,OAAjB,CAAyB,EAAzB,CADH;AAEPC,IAAAA,UAAU,EAAEL,KAAK,CAACG,UAAN,CAAiBG;AAFtB,GAD4B;AAKrCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd,EAAiB,CAAjB;AADA,GAL2B;AAQrCC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd,CADA;AAERE,IAAAA,UAAU,EAAE;AAFJ,GAR2B;AAYrCC,EAAAA,QAAQ,EAAC;AACPJ,IAAAA,MAAM,EAAER,KAAK,CAACS,OAAN,CAAc,CAAd;AADD;AAZ4B,CAAL,CAAN,CAA5B;AAiBA,eAAe,SAASI,OAAT,GAAmB;AAChC,QAAMC,OAAO,GAAGf,SAAS,EAAzB;AAEA,SACE,0CACE,oBAAC,UAAD;AAAY,IAAA,KAAK,MAAjB;AAAkB,IAAA,QAAQ,EAAC,UAA3B;AAAsC,IAAA,aAAa,EAAE,KAArD;AAA4D,IAAA,eAAe,EAAE,KAA7E;AAAoF,IAAA,eAAe,EAAE,KAArG;AAA4G,IAAA,UAAU,EAAE,IAAxH;AAA8H,IAAA,aAAa,EAAC,MAA5I;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE;AAAK,IAAA,SAAS,EAAEe,OAAO,CAACP,QAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAC,gCAArB;AAAsD,IAAA,IAAI,EAAC,qLAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEA,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAC,qDAArB;AAA2E,IAAA,IAAI,EAAC,4GAAhF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFA,CAFF,EAOE,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAC,QAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAPF,EAQE;AAAK,IAAA,SAAS,EAAEO,OAAO,CAACJ,QAAxB;AAAkC,IAAA,KAAK,EAAC,QAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BADF,EAEE,oBAAC,WAAD;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,KAAK,EAAC,SAFR;AAGE,kBAAW,wCAHb;AAIE,IAAA,SAAS,EAAEI,OAAO,CAACF,QAJrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAME,oBAAC,MAAD;AACE,IAAA,SAAS,EAAE,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADb;AAEE,IAAA,IAAI,EAAC,kBAFP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eANF,EAYE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAE,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADb;AAEE,IAAA,IAAI,EAAC,iDAFP;AAGE,IAAA,MAAM,EAAC,MAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAZF,CAFF,CARF,EA+BE,oBAAC,aAAD;AAAe,IAAA,WAAW,EAAE,CAA5B;AAA+B,IAAA,KAAK,MAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA/BF,CADF;AAmCD","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n      <ExpansionCard title=\"The gateway is on but not connected to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n      </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/c47c865ce769b1d1a18579eee7a34937.json b/frontend/node_modules/.cache/babel-loader/c47c865ce769b1d1a18579eee7a34937.json
new file mode 100644
index 000000000..c7b478589
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/c47c865ce769b1d1a18579eee7a34937.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"My node is not connecting\",\n    body: \"To connect your node, please make sure the gateway is connected and your LoRa network is active\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The node position is wrong\",\n    body: \"To see the location of your nodes, go to the nodes page on your profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"I want to change a node position\",\n    body: \"This functionality is currently not supported. You can delete a node and add it on the requested position\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"My nodes are not displaying data\",\n    body: \"It could be that the battery of the node is empty. Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_node.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"My node is not connecting\" body=\"To connect your node, please make sure the gateway is connected and your LoRa network is active\" />\n        <ExpansionCard title=\"The node position is wrong\" body=\"To see the location of your nodes, go to the nodes page on your profile\" />\n        <ExpansionCard title=\"I want to change a node position\" body=\"This functionality is currently not supported. You can delete a node and add it on the requested position\" />\n        <ExpansionCard title=\"My nodes are not displaying data\" body=\"It could be that the battery of the node is empty. Please contact us below.\" />\n    </div>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/cae97f07b8bf1d61f147278d25973a7b.json b/frontend/node_modules/.cache/babel-loader/cae97f07b8bf1d61f147278d25973a7b.json
new file mode 100644
index 000000000..8be932838
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/cae97f07b8bf1d61f147278d25973a7b.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"How can I change my password?\",\n    body: \"To change your password, top right button > profile > change password\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\"\n      hamburgerMenu={false}\n      closeButtonOnly={false}\n      closeWithPrompt={false}\n      backButton={true}\n      backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"How can I change my password?\" body=\"To change your password, top right button > profile > change password\" />\n      </div>\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/d0c73f6cd5cadf87293a4c33bbbd6ebc.json b/frontend/node_modules/.cache/babel-loader/d0c73f6cd5cadf87293a4c33bbbd6ebc.json
new file mode 100644
index 000000000..97634d134
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/d0c73f6cd5cadf87293a4c33bbbd6ebc.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js\";\nimport React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { Container, Box, Grid, Paper, Typography, Divider, makeStyles } from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp';\nimport NodeTable from './nodeTable';\nimport FakeTemp from '../components/fakeTemp';\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column'\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4)\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto'\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  const classes = useStyles();\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight);\n  return React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61\n    },\n    __self: this\n  }, React.createElement(CssBaseline, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62\n    },\n    __self: this\n  }), React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Dashboard\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63\n    },\n    __self: this\n  }), React.createElement(Container, {\n    maxWidth: \"lg\",\n    className: classes.container,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    spacing: 3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67\n    },\n    __self: this\n  }, React.createElement(ChartTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68\n    },\n    __self: this\n  }))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, \"Current temperature\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, \"Temperature is too high\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85\n    },\n    __self: this\n  }, \"Light strenght\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86\n    },\n    __self: this\n  }, \"8000 lux\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"Light is optimal\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 94\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95\n    },\n    __self: this\n  }, React.createElement(NodeTable, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96\n    },\n    __self: this\n  })))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js"],"names":["React","clsx","CssBaseline","Container","Box","Grid","Paper","Typography","Divider","makeStyles","TopMenuBar","firebase","ChartTemp","NodeTable","FakeTemp","useStyles","theme","paper","padding","spacing","display","overflow","flexDirection","container","paddingTop","paddingBottom","fixedHeight","height","content","flexGrow","divider","marginTop","marginBottom","Dashboard","props","auth","onAuthStateChanged","user","console","log","history","push","classes","fixedHeightPaper","root"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {\n  Container,\n  Box,\n  Grid,\n  Paper,\n  Typography,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp'\nimport NodeTable from './nodeTable'\nimport FakeTemp from '../components/fakeTemp'\n\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column',\n  },\n  container: {\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4),\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function(user) {\n      if (user) {\n        console.log(\"User is signed in\");\n\n      } else {\n        console.log(\"User is not signed in\");\n        props.history.push(\"/login\")\n      }\n  });\n\n  const classes = useStyles();\n\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight)\n\n  return (\n    <div className={classes.root}>\n    <CssBaseline />\n    <TopMenuBar block pageName=\"Dashboard\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n        <Container maxWidth=\"lg\" className={classes.container}>\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                  <ChartTemp />\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <Typography variant=\"h6\" component=\"h2\">Current temperature</Typography>\n                  <Typography variant=\"h2\"><FakeTemp />℃</Typography>\n                  <Divider className={classes.divider}/>\n                  <Typography variant=\"h6\">Advice</Typography>\n                  <Typography variant=\"body2\">Temperature is too high</Typography>\n                </Box>\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                  <Box p={1}>\n                    <Typography variant=\"h6\" component=\"h2\">Light strenght</Typography>\n                    <Typography variant=\"h2\">8000 lux</Typography>\n                    <Divider className={classes.divider}/>\n                    <Typography variant=\"h6\">Advice</Typography>\n                    <Typography variant=\"body2\">Light is optimal</Typography>\n                  </Box>\n                </Paper>\n              </Grid>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <NodeTable />\n                </Box>\n              </Paper>\n            </Grid>\n          </Grid>\n        </Container>\n    </div>\n\n    );\n  }\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/d8117f0d52339d5f28a0f689bee533b8.json b/frontend/node_modules/.cache/babel-loader/d8117f0d52339d5f28a0f689bee533b8.json
new file mode 100644
index 000000000..96f09ac92
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/d8117f0d52339d5f28a0f689bee533b8.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box, Container } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connected to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is connected but is not sending data to the application\",\n    body: \"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway making a strange noise\",\n    body: \"This could mean you have a broken gateway. Please contact us below\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }), React.createElement(Box, {\n    m: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 57\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","Container","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box,\n  Container\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n        <ExpansionCard title=\"The gateway is on but not connected to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway is connected but is not sending data to the application\" body=\"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway making a strange noise\" body=\"This could mean you have a broken gateway. Please contact us below\" />\n    </div>\n\n      <Divider variant=\"middle\"/>\n      <Box m={1}>\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </Box>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/e29f2508834f8638e07da4f688caa87a.json b/frontend/node_modules/.cache/babel-loader/e29f2508834f8638e07da4f688caa87a.json
new file mode 100644
index 000000000..0a47cb2a4
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/e29f2508834f8638e07da4f688caa87a.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/Routes.js\";\nimport React from \"react\";\nimport AppliedRoute from \"./components/AppliedRoute\";\nimport Login from \"./auth/login\";\nimport NotFound from \"./containers/NotFound\";\nimport { Route, Switch } from \"react-router-dom\";\nimport Home from \"./containers/Home\";\nimport Nodes from \"./containers/Nodes\";\nimport NodeInfo from \"./containers/NodeInfo\";\nimport Installation from \"./containers/Installation\";\nimport Dashboard from \"./dashboard/dashboard\";\nimport FAQgeneral from \"./faq/FAQ\";\nimport FAQnode from \"./faq/FAQ_node\";\nimport FAQgateway from \"./faq/FAQ_gateway\";\nimport FAQprofile from \"./faq/FAQ_profile\";\nimport firebase, { FirebaseContext } from \"firebase\";\nimport useAuth from \"./auth/useAuth\";\nimport forgot from \"./auth/forgotpass\";\nimport Profile from './containers/Profile';\nexport default function Routes({\n  appProps\n}) {\n  const user = useAuth();\n  return React.createElement(\"div\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 24\n    },\n    __self: this\n  }, React.createElement(Switch, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26\n    },\n    __self: this\n  }, React.createElement(AppliedRoute, {\n    path: \"/\",\n    exact: true,\n    component: Home,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/nodes\",\n    exact: true,\n    component: Nodes,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 28\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/login\",\n    exact: true,\n    component: Login,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 29\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/login\",\n    exact: true,\n    component: Login,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/forgotpassword\",\n    exact: true,\n    component: forgot,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/forgotpassword\",\n    exact: true,\n    component: forgot,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/nodeInfo/:nodeId\",\n    exact: true,\n    component: NodeInfo,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/nodeInfo/:nodeId\",\n    exact: true,\n    component: NodeInfo,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/installation\",\n    exact: true,\n    component: Installation,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/installation\",\n    exact: true,\n    component: Installation,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/dashboard\",\n    exact: true,\n    component: Dashboard,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/dashboard\",\n    exact: true,\n    component: Dashboard,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/faq\",\n    exact: true,\n    component: FAQgeneral,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/faq\",\n    exact: true,\n    component: FAQgeneral,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/faq/node\",\n    exact: true,\n    component: FAQnode,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/faq/node\",\n    exact: true,\n    component: FAQnode,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/faq/profile\",\n    exact: true,\n    component: FAQprofile,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/faq/profile\",\n    exact: true,\n    component: FAQprofile,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/faq/gateway\",\n    exact: true,\n    component: FAQgateway,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/faq/gateway\",\n    exact: true,\n    component: FAQgateway,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }), React.createElement(Route, {\n    path: \"/profile\",\n    exact: true,\n    component: Profile,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }), React.createElement(AppliedRoute, {\n    path: \"/profile\",\n    exact: true,\n    component: Profile,\n    appProps: appProps,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }), React.createElement(Route, {\n    component: NotFound,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50\n    },\n    __self: this\n  })));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/Routes.js"],"names":["React","AppliedRoute","Login","NotFound","Route","Switch","Home","Nodes","NodeInfo","Installation","Dashboard","FAQgeneral","FAQnode","FAQgateway","FAQprofile","firebase","FirebaseContext","useAuth","forgot","Profile","Routes","appProps","user"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport AppliedRoute from \"./components/AppliedRoute\";\nimport Login from \"./auth/login\";\nimport NotFound from \"./containers/NotFound\";\nimport { Route, Switch } from \"react-router-dom\";\nimport Home from \"./containers/Home\";\nimport Nodes from \"./containers/Nodes\";\nimport NodeInfo from \"./containers/NodeInfo\";\nimport Installation from \"./containers/Installation\";\nimport Dashboard from \"./dashboard/dashboard\";\nimport FAQgeneral from \"./faq/FAQ\";\nimport FAQnode from \"./faq/FAQ_node\"\nimport FAQgateway from \"./faq/FAQ_gateway\"\nimport FAQprofile from \"./faq/FAQ_profile\"\nimport firebase, { FirebaseContext } from \"firebase\";\nimport useAuth from \"./auth/useAuth\";\nimport forgot from \"./auth/forgotpass\";\nimport Profile from './containers/Profile';\n\n\nexport default function Routes({ appProps }) {\n    const user = useAuth()\n  return (\n      <div>\n\n    <Switch>\n      <AppliedRoute path=\"/\" exact component={Home} appProps={appProps} />\n      <Route path=\"/nodes\" exact component={Nodes} />\n      <Route path=\"/login\" exact component={Login} />\n      <AppliedRoute path=\"/login\" exact component={Login} appProps={appProps} />\n      <Route path=\"/forgotpassword\" exact component={forgot} />\n      <AppliedRoute path=\"/forgotpassword\" exact component={forgot} appProps={appProps} />\n      <Route path=\"/nodeInfo/:nodeId\" exact component={NodeInfo} />\n      <AppliedRoute path=\"/nodeInfo/:nodeId\" exact component={NodeInfo} appProps={appProps} />\n      <Route path=\"/installation\" exact component={Installation} />\n      <AppliedRoute path=\"/installation\" exact component={Installation} appProps={appProps} />\n      <Route path=\"/dashboard\" exact component={Dashboard} />\n      <AppliedRoute path=\"/dashboard\" exact component={Dashboard} appProps={appProps} />\n      <Route path=\"/faq\" exact component={FAQgeneral} />\n      <AppliedRoute path=\"/faq\" exact component={FAQgeneral} appProps={appProps} />\n      <Route path=\"/faq/node\" exact component={FAQnode} />\n      <AppliedRoute path=\"/faq/node\" exact component={FAQnode} appProps={appProps} />\n      <Route path=\"/faq/profile\" exact component={FAQprofile} />\n      <AppliedRoute path=\"/faq/profile\" exact component={FAQprofile} appProps={appProps} />\n      <Route path=\"/faq/gateway\" exact component={FAQgateway} />\n      <AppliedRoute path=\"/faq/gateway\" exact component={FAQgateway} appProps={appProps} />\n    <Route path=\"/profile\" exact component={Profile} />\n  <AppliedRoute path=\"/profile\" exact component={Profile} appProps={appProps} />\n      { /* Finally, catch all unmatched routes */ }\n      <Route component={NotFound} />\n    </Switch>\n\n          </div>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/e8c00a0d4e5a11d71108a919dca2456f.json b/frontend/node_modules/.cache/babel-loader/e8c00a0d4e5a11d71108a919dca2456f.json
new file mode 100644
index 000000000..6ffbe8278
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/e8c00a0d4e5a11d71108a919dca2456f.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js\";\nimport React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { Container, Box, Grid, Paper, Typography, Divider, makeStyles } from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp';\nimport NodeTable from './nodeTable';\nimport FakeTemp from '../components/fakeTemp';\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column'\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto'\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  const classes = useStyles();\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight);\n  return React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(CssBaseline, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61\n    },\n    __self: this\n  }), React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Dashboard\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62\n    },\n    __self: this\n  }), React.createElement(\"main\", {\n    className: classes.content,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63\n    },\n    __self: this\n  }, React.createElement(Container, {\n    maxWidth: \"lg\",\n    className: classes.container,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    spacing: 3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67\n    },\n    __self: this\n  }, React.createElement(ChartTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68\n    },\n    __self: this\n  }))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, \"Current temperature\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, \"Temperature is too high\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    md: 6,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h6\",\n    component: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85\n    },\n    __self: this\n  }, \"Light strenght\"), React.createElement(Typography, {\n    variant: \"h2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86\n    },\n    __self: this\n  }, \"8000 lux\"), React.createElement(Divider, {\n    className: classes.divider,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }, \"Advice\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"Light is optimal\")))), React.createElement(Grid, {\n    item: true,\n    xs: 12,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: fixedHeightPaper,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 94\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95\n    },\n    __self: this\n  }, React.createElement(NodeTable, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96\n    },\n    __self: this\n  }))))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/dashboard/dashboard.js"],"names":["React","clsx","CssBaseline","Container","Box","Grid","Paper","Typography","Divider","makeStyles","TopMenuBar","firebase","ChartTemp","NodeTable","FakeTemp","useStyles","theme","root","display","paper","padding","spacing","overflow","flexDirection","fixedHeight","height","content","flexGrow","divider","marginTop","marginBottom","Dashboard","props","auth","onAuthStateChanged","user","console","log","history","push","classes","fixedHeightPaper","container"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from 'clsx';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {\n  Container,\n  Box,\n  Grid,\n  Paper,\n  Typography,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport firebase from 'firebase';\nimport ChartTemp from './ChartTemp'\nimport NodeTable from './nodeTable'\nimport FakeTemp from '../components/fakeTemp'\n\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n  },\n  paper: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    overflow: 'auto',\n    flexDirection: 'column',\n  },\n  fixedHeight: {\n    height: 240\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n  },\n  divider: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function Dashboard(props) {\n  firebase.auth().onAuthStateChanged(function(user) {\n      if (user) {\n        console.log(\"User is signed in\");\n\n      } else {\n        console.log(\"User is not signed in\");\n        props.history.push(\"/login\")\n      }\n  });\n\n  const classes = useStyles();\n\n  const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight)\n\n  return (\n    <div className={classes.root}>\n      <CssBaseline />\n    <TopMenuBar block pageName=\"Dashboard\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n      <main className={classes.content}>\n        <Container maxWidth=\"lg\" className={classes.container}>\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                  <ChartTemp />\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <Typography variant=\"h6\" component=\"h2\">Current temperature</Typography>\n                  <Typography variant=\"h2\"><FakeTemp />℃</Typography>\n                  <Divider className={classes.divider}/>\n                  <Typography variant=\"h6\">Advice</Typography>\n                  <Typography variant=\"body2\">Temperature is too high</Typography>\n                </Box>\n              </Paper>\n            </Grid>\n            <Grid item xs={12} md={6}>\n              <Paper className={fixedHeightPaper}>\n                  <Box p={1}>\n                    <Typography variant=\"h6\" component=\"h2\">Light strenght</Typography>\n                    <Typography variant=\"h2\">8000 lux</Typography>\n                    <Divider className={classes.divider}/>\n                    <Typography variant=\"h6\">Advice</Typography>\n                    <Typography variant=\"body2\">Light is optimal</Typography>\n                  </Box>\n                </Paper>\n              </Grid>\n            <Grid item xs={12}>\n              <Paper className={fixedHeightPaper}>\n                <Box p={1}>\n                  <NodeTable />\n                </Box>\n              </Paper>\n            </Grid>\n          </Grid>\n        </Container>\n      </main>\n    </div>\n\n    );\n  }\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/e91dbbd570032ddd765aa80173bdb3c7.json b/frontend/node_modules/.cache/babel-loader/e91dbbd570032ddd765aa80173bdb3c7.json
new file mode 100644
index 000000000..662d3a424
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/e91dbbd570032ddd765aa80173bdb3c7.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Card, CardHeader, CardActionArea, Avatar, Container, Button, ButtonGroup } from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport { LinkContainer } from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  },\n  avatarColor: {\n    backgroundColor: '#fff'\n  }\n}));\nexport default function FAQ(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"FAQ\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/node\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63\n      },\n      __self: this\n    }, React.createElement(NodeIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 64\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68\n      },\n      __self: this\n    }, \"Node Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61\n    },\n    __self: this\n  })))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/gateway\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79\n      },\n      __self: this\n    }, React.createElement(RouterIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84\n      },\n      __self: this\n    }, \"Gateway Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  })))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 95\n      },\n      __self: this\n    }, React.createElement(PersonIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 96\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 100\n      },\n      __self: this\n    }, \"Profile Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  })))), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 110\n    },\n    __self: this\n  }, React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 125\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js"],"names":["React","makeStyles","Divider","Typography","Card","CardHeader","CardActionArea","Avatar","Container","Button","ButtonGroup","TopMenuBar","LinkContainer","NodeIcon","RouterIcon","PersonIcon","PhoneIcon","MailIcon","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","avatarColor","backgroundColor","FAQ","props","classes","auth","onAuthStateChanged","user","console","log","history","push","button"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Card,\n  CardHeader,\n  CardActionArea,\n  Avatar,\n  Container,\n  Button,\n  ButtonGroup,\n} from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport {LinkContainer} from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1),\n  },\n  avatarColor:{\n    backgroundColor:'#fff',\n  },\n}));\n\nexport default function FAQ(props) {\n  const classes = useStyles();\n    firebase.auth().onAuthStateChanged(function(user) {\n        if (user) {\n            console.log(\"User is signed in\");\n\n        } else {\n            console.log(\"User is not signed in\");\n            props.history.push(\"/login\")\n        }\n    });\n\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"FAQ\" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/node\">\n        <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <NodeIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Node Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/gateway\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <RouterIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Gateway Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n            <LinkContainer to=\"/faq/profile\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <PersonIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Profile Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n        <Button\n          className={classes.button}\n          startIcon={<PhoneIcon />}\n          href=\"tel:+31651775925\"\n        >\n          Call us\n        </Button>\n        <Button\n          className={classes.button}\n          startIcon={<MailIcon />}\n          href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n          target=\"_top\"\n        >\n          Send us an email\n        </Button>\n        </ButtonGroup>\n      </div>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/ecac3b9fb2e88449d4d96756c4eaaa3e.json b/frontend/node_modules/.cache/babel-loader/ecac3b9fb2e88449d4d96756c4eaaa3e.json
new file mode 100644
index 000000000..b795cdd68
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/ecac3b9fb2e88449d4d96756c4eaaa3e.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup, Box } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode() {\n  const classes = useStyles();\n  return React.createElement(Container, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"The gateway is not powering on\",\n    body: \"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is on but not connected to the internet\",\n    body: \"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway is connected but is not sending data to the application\",\n    body: \"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42\n    },\n    __self: this\n  }), React.createElement(ExpansionCard, {\n    title: \"The gateway making a strange noise\",\n    body: \"This could mean you have a broken gateway. Please contact us below\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }), React.createElement(Box, {\n    m: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 56\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_gateway.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","Box","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","classes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup,\n  Box\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode() {\n  const classes = useStyles();\n\n  return (\n    <Container>\n      <TopMenuBar block pageName=\"Node FAQ\" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"The gateway is not powering on\" body=\"Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below.\" />\n        <ExpansionCard title=\"The gateway is on but not connected to the internet\" body=\"Make sure you have setup your local network for the gateway. Is this not working? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway is connected but is not sending data to the application\" body=\"The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below.\" />\n        <ExpansionCard title=\"The gateway making a strange noise\" body=\"This could mean you have a broken gateway. Please contact us below\" />\n    </div>\n\n      <Divider variant=\"middle\"/>\n      <Box m={1}>\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </Box>\n      <BottomMenuBar slectedIcon={2} block/>\n    </Container>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/f1fc3e83b5caebc6a409f7e476404f5a.json b/frontend/node_modules/.cache/babel-loader/f1fc3e83b5caebc6a409f7e476404f5a.json
new file mode 100644
index 000000000..e3a3aeb41
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/f1fc3e83b5caebc6a409f7e476404f5a.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Card, CardHeader, CardActionArea, Avatar, Button, ButtonGroup } from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport { LinkContainer } from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  },\n  avatarColor: {\n    backgroundColor: '#fff'\n  }\n}));\nexport default function FAQ(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"FAQ\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/node\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62\n      },\n      __self: this\n    }, React.createElement(NodeIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67\n      },\n      __self: this\n    }, \"Node Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60\n    },\n    __self: this\n  })))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/gateway\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    }, React.createElement(RouterIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 83\n      },\n      __self: this\n    }, \"Gateway Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76\n    },\n    __self: this\n  })))), React.createElement(Card, {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/faq/profile\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90\n    },\n    __self: this\n  }, React.createElement(CardActionArea, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  }, React.createElement(CardHeader, {\n    avatar: React.createElement(Avatar, {\n      className: classes.avatarColor,\n      \"aria-label\": \"nodes\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94\n      },\n      __self: this\n    }, React.createElement(PersonIcon, {\n      color: \"primary\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 95\n      },\n      __self: this\n    })),\n    title: React.createElement(Typography, {\n      variant: \"body1\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99\n      },\n      __self: this\n    }, \"Profile Troubleshoot\"),\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  })))), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109\n    },\n    __self: this\n  }, React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 117\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    className: classes.button,\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122\n    },\n    __self: this\n  }, \"Send us an email\"))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ.js"],"names":["React","makeStyles","Divider","Typography","Card","CardHeader","CardActionArea","Avatar","Button","ButtonGroup","TopMenuBar","LinkContainer","NodeIcon","RouterIcon","PersonIcon","PhoneIcon","MailIcon","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","avatarColor","backgroundColor","FAQ","props","classes","auth","onAuthStateChanged","user","console","log","history","push","button"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Card,\n  CardHeader,\n  CardActionArea,\n  Avatar,\n  Button,\n  ButtonGroup,\n} from '@material-ui/core';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport {LinkContainer} from 'react-router-bootstrap';\nimport NodeIcon from \"../icons/icon_node.js\";\nimport RouterIcon from '@material-ui/icons/Router';\nimport PersonIcon from '@material-ui/icons/Person';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1),\n  },\n  avatarColor:{\n    backgroundColor:'#fff',\n  },\n}));\n\nexport default function FAQ(props) {\n  const classes = useStyles();\n    firebase.auth().onAuthStateChanged(function(user) {\n        if (user) {\n            console.log(\"User is signed in\");\n\n        } else {\n            console.log(\"User is not signed in\");\n            props.history.push(\"/login\")\n        }\n    });\n\n  return (\n    <>\n      <TopMenuBar block pageName=\"FAQ\" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage=\"/\"/>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/node\">\n        <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <NodeIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Node Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n      <LinkContainer to=\"/faq/gateway\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <RouterIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Gateway Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n      <Card className={classes.section1}>\n            <LinkContainer to=\"/faq/profile\">\n      <CardActionArea>\n        <CardHeader\n          avatar={\n            <Avatar className={classes.avatarColor} aria-label=\"nodes\">\n              <PersonIcon color=\"primary\" />\n            </Avatar>\n          }\n          title={\n            <Typography variant=\"body1\">Profile Troubleshoot</Typography>\n          }\n          />\n          </CardActionArea>\n          </LinkContainer>\n      </Card>\n\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n        <Button\n          className={classes.button}\n          startIcon={<PhoneIcon />}\n          href=\"tel:+31651775925\"\n        >\n          Call us\n        </Button>\n        <Button\n          className={classes.button}\n          startIcon={<MailIcon />}\n          href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n          target=\"_top\"\n        >\n          Send us an email\n        </Button>\n        </ButtonGroup>\n      </div>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/f8b2871ea0f328c14d0cb09339819fb1.json b/frontend/node_modules/.cache/babel-loader/f8b2871ea0f328c14d0cb09339819fb1.json
new file mode 100644
index 000000000..979ec309c
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/f8b2871ea0f328c14d0cb09339819fb1.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/containers/Home.js\";\nimport React from \"react\";\nimport \"./Installation.css\";\nimport NodeIcon from '../icons/icon_node';\nimport { Grid, Paper, Button, Fab, Box, Divider, Container, Typography } from '@material-ui/core';\nimport { Dashboard as DashboardIcon } from '@material-ui/icons';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { LinkContainer } from \"react-router-bootstrap\";\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport FakeTemp from \"../components/fakeTemp\";\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1,\n    minHeight: '100vh',\n    minWidth: '100vw',\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    alignContent: 'stretch',\n    justifyContent: 'center',\n    flexDirection: 'column'\n  },\n  height: {\n    height: '100%',\n    width: '100%',\n    margin: 0,\n    padding: 0,\n    zIndex: 0\n  },\n  width: {\n    maxWidth: '100%',\n    width: '100%',\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    padding: theme.spacing(2)\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'stretch'\n  },\n  stretchGrid: {\n    height: '100%',\n    width: '100%'\n  },\n  topButton: {\n    minWidth: '100%',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(10)\n  },\n  allButton: {\n    marginBottom: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  },\n  remMargin: {\n    paddingLeft: 0,\n    paddingRight: 0\n  },\n  largeIcon: {\n    width: '35px',\n    height: '35px'\n  }\n}));\nexport default function Home() {\n  const classes = useStyles();\n  return React.createElement(\"main\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72\n    },\n    __self: this\n  }, React.createElement(\"header\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73\n    },\n    __self: this\n  }, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Home\",\n    hamburgerMenu: true,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: false,\n    backRoutePage: \"/\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74\n    },\n    __self: this\n  })), React.createElement(\"body\", {\n    className: classes.height,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    className: classes.root,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78\n    },\n    __self: this\n  }, React.createElement(Box, {\n    display: \"flex\",\n    flexGrow: 3,\n    className: classes.topButton,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }, React.createElement(Paper, {\n    className: classes.width,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83\n    },\n    __self: this\n  }, React.createElement(Box, {\n    p: 1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    align: \"center\",\n    variant: \"h5\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85\n    },\n    __self: this\n  }, \"OVERVIEW\"), React.createElement(Divider, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89\n    },\n    __self: this\n  }, \"Actual temperature:\"), React.createElement(Typography, {\n    variant: \"body2\",\n    gutterBottom: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, React.createElement(FakeTemp, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93\n    },\n    __self: this\n  }), \"\\u2103\"), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95\n    },\n    __self: this\n  }, \"Online nodes:\"), React.createElement(Typography, {\n    variant: \"body2\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 98\n    },\n    __self: this\n  }, \"15 nodes online\")))), React.createElement(Box, {\n    display: \"flex\",\n    flexGrow: 1,\n    style: {\n      width: '100vw',\n      maxWidth: '100%'\n    },\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 104\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    container: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    container: true,\n    xs: 12,\n    spacing: 2,\n    className: classes.allButton,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112\n    },\n    __self: this\n  }, React.createElement(Grid, {\n    item: true,\n    xs: 6,\n    md: 12,\n    lg: 12,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 113\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/dashboard\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114\n    },\n    __self: this\n  }, React.createElement(Button, {\n    variant: \"outlined\",\n    color: \"primary\",\n    className: classes.stretchGrid,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116\n    },\n    __self: this\n  }, React.createElement(DashboardIcon, {\n    fontSize: \"large\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118\n    },\n    __self: this\n  }, \"Dashboard\"))))), React.createElement(Grid, {\n    item: true,\n    xs: 6,\n    md: 12,\n    lg: 12,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123\n    },\n    __self: this\n  }, React.createElement(LinkContainer, {\n    to: \"/nodes\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124\n    },\n    __self: this\n  }, React.createElement(Button, {\n    variant: \"outlined\",\n    size: \"large\",\n    color: \"primary\",\n    className: classes.stretchGrid,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125\n    },\n    __self: this\n  }, React.createElement(\"div\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126\n    },\n    __self: this\n  }, React.createElement(NodeIcon, {\n    className: classes.largeIcon,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127\n    },\n    __self: this\n  }), React.createElement(Typography, {\n    variant: \"h6\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 128\n    },\n    __self: this\n  }, \"Nodes\")))))))))));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/containers/Home.js"],"names":["React","NodeIcon","Grid","Paper","Button","Fab","Box","Divider","Container","Typography","Dashboard","DashboardIcon","makeStyles","LinkContainer","TopMenuBar","FakeTemp","useStyles","theme","root","flexGrow","minHeight","minWidth","display","position","bottom","flexWrap","alignItems","alignContent","justifyContent","flexDirection","height","width","margin","padding","zIndex","maxWidth","marginLeft","spacing","marginRight","container","stretchGrid","topButton","marginBottom","marginTop","allButton","remMargin","paddingLeft","paddingRight","largeIcon","Home","classes"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport \"./Installation.css\";\nimport NodeIcon from '../icons/icon_node';\nimport { Grid, Paper, Button, Fab, Box, Divider, Container, Typography } from '@material-ui/core';\nimport { Dashboard as DashboardIcon } from '@material-ui/icons';\nimport { makeStyles  } from '@material-ui/core/styles';\nimport { LinkContainer } from \"react-router-bootstrap\"\nimport TopMenuBar from \"../components/TopMenuBar\";\nimport FakeTemp from \"../components/fakeTemp\";\n\nconst useStyles = makeStyles(theme => ({\n  root:{\n    flexGrow: 1,\n    minHeight: '100vh',\n    minWidth: '100vw',\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    alignContent: 'stretch',\n    justifyContent: 'center',\n    flexDirection: 'column',\n  },\n  height: {\n    height: '100%',\n    width: '100%',\n    margin: 0,\n    padding: 0,\n    zIndex: 0,\n  },\n  width:{\n    maxWidth:'100%',\n    width: '100%',\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    padding: theme.spacing(2)\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'stretch'\n  },\n  stretchGrid: {\n    height: '100%',\n    width: '100%',\n  },\n  topButton:{\n    minWidth: '100%',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(10),\n  },\n  allButton:{\n    marginBottom: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  },\n  remMargin: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n  largeIcon: {\n    width:'35px',\n    height: '35px'\n  }\n}));\n\nexport default function Home() {\n  const classes = useStyles();\n\n  return (\n    <main>\n    <header>\n      <TopMenuBar\n      block pageName=\"Home\" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={false} backRoutePage=\"/\"/>\n      </header>\n      <body className={classes.height}>\n        <div className={classes.root}>\n          <Box display=\"flex\"\n            flexGrow={3}\n            className={classes.topButton}\n            >\n              <Paper className={classes.width}>\n                <Box p={1}>\n                  <Typography align=\"center\" variant=\"h5\" gutterBottom>\n                    OVERVIEW\n                  </Typography>\n                    <Divider/>\n                  <Typography variant=\"h6\">\n                    Actual temperature:\n                  </Typography>\n                  <Typography variant=\"body2\" gutterBottom>\n                    <FakeTemp />&#x2103;\n                  </Typography>\n                  <Typography variant=\"h6\">\n                    Online nodes:\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    15 nodes online\n                  </Typography>\n                </Box>\n              </Paper>\n            </Box>\n            <Box\n              display=\"flex\"\n              flexGrow={1}\n              style={{width: '100vw',\n                    maxWidth: '100%',\n                    }}\n              >\n                <Grid container>\n                  <Grid item container xs={12} spacing={2} className={classes.allButton}>\n                    <Grid item xs={6} md={12} lg={12} align=\"center\">\n                      <LinkContainer to=\"/dashboard\">\n                        <Button variant=\"outlined\" color=\"primary\" className={classes.stretchGrid}>\n                          <div>\n                          <DashboardIcon fontSize=\"large\"/>\n                          <Typography variant=\"h6\">Dashboard</Typography>\n                          </div>\n                        </Button>\n                        </LinkContainer>\n                      </Grid>\n                    <Grid item xs={6} md={12} lg={12} align=\"center\">\n                      <LinkContainer to=\"/nodes\">\n                        <Button variant=\"outlined\" size=\"large\" color=\"primary\" className={classes.stretchGrid}>\n                          <div>\n                          <NodeIcon className={classes.largeIcon}/>\n                          <Typography variant=\"h6\">Nodes</Typography>\n                          </div>\n                        </Button>\n                      </LinkContainer>\n                    </Grid>\n                  </Grid>\n                </Grid>\n              </Box>\n          </div>\n      </body>\n      </main>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/babel-loader/fb41443ad54251c89cf32a15d52fc9c5.json b/frontend/node_modules/.cache/babel-loader/fb41443ad54251c89cf32a15d52fc9c5.json
new file mode 100644
index 000000000..8c2bb4c94
--- /dev/null
+++ b/frontend/node_modules/.cache/babel-loader/fb41443ad54251c89cf32a15d52fc9c5.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Divider, Typography, Button, ButtonGroup } from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  section1: {\n    margin: theme.spacing(3, 2)\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\"\n  },\n  section3: {\n    margin: theme.spacing(1)\n  }\n}));\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function (user) {\n    if (user) {\n      console.log(\"User is signed in\");\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\");\n    }\n  });\n  return React.createElement(React.Fragment, null, React.createElement(TopMenuBar, {\n    block: true,\n    pageName: \"Node FAQ\",\n    hamburgerMenu: false,\n    closeButtonOnly: false,\n    closeWithPrompt: false,\n    backButton: true,\n    backRoutePage: \"/faq\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section1,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52\n    },\n    __self: this\n  }, React.createElement(ExpansionCard, {\n    title: \"How can I change my password?\",\n    body: \"To change your password, top right button > profile > change password\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53\n    },\n    __self: this\n  })), React.createElement(Divider, {\n    variant: \"middle\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55\n    },\n    __self: this\n  }), React.createElement(\"div\", {\n    className: classes.section2,\n    align: \"center\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56\n    },\n    __self: this\n  }, React.createElement(Typography, {\n    variant: \"h5\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57\n    },\n    __self: this\n  }, \"Problem not found?\"), React.createElement(ButtonGroup, {\n    orientation: \"vertical\",\n    color: \"primary\",\n    \"aria-label\": \"vertical outlined primary button group\",\n    className: classes.section3,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58\n    },\n    __self: this\n  }, React.createElement(Button, {\n    startIcon: React.createElement(PhoneIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 65\n      },\n      __self: this\n    }),\n    href: \"tel:+31651775925\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64\n    },\n    __self: this\n  }, \"Call us\"), React.createElement(Button, {\n    startIcon: React.createElement(MailIcon, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 71\n      },\n      __self: this\n    }),\n    href: \"mailto:info@quantified.eu?Subject=App%20problem\",\n    target: \"_top\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70\n    },\n    __self: this\n  }, \"Send us an email\"))), React.createElement(BottomMenuBar, {\n    slectedIcon: 2,\n    block: true,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79\n    },\n    __self: this\n  }));\n}","map":{"version":3,"sources":["/Users/markheij/ipmedth_airsupport/frontend/src/faq/FAQ_profile.js"],"names":["React","makeStyles","Divider","Typography","Button","ButtonGroup","ExpansionCard","TopMenuBar","PhoneIcon","MailIcon","BottomMenuBar","firebase","useStyles","theme","heading","fontSize","typography","pxToRem","fontWeight","fontWeightRegular","section1","margin","spacing","section2","alignItems","section3","FAQnode","props","classes","auth","onAuthStateChanged","user","console","log","history","push"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  Divider,\n  Typography,\n  Button,\n  ButtonGroup\n} from '@material-ui/core';\nimport ExpansionCard from '../components/ExpansionPanel.js';\nimport TopMenuBar from '../components/TopMenuBar.js'\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport MailIcon from '@material-ui/icons/Mail';\nimport BottomMenuBar from \"../components/BottomMenuBar\";\nimport firebase from \"firebase\";\n\nconst useStyles = makeStyles(theme => ({\n  heading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular,\n  },\n  section1: {\n    margin: theme.spacing(3, 2),\n  },\n  section2: {\n    margin: theme.spacing(3),\n    alignItems: \"center\",\n  },\n  section3:{\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function FAQnode(props) {\n  const classes = useStyles();\n  firebase.auth().onAuthStateChanged(function(user) {\n    if (user) {\n      console.log(\"User is signed in\");\n\n    } else {\n      console.log(\"User is not signed in\");\n      props.history.push(\"/login\")\n    }\n  });\n  return (\n    <>\n      <TopMenuBar block pageName=\"Node FAQ\"\n      hamburgerMenu={false}\n      closeButtonOnly={false}\n      closeWithPrompt={false}\n      backButton={true}\n      backRoutePage=\"/faq\"/>\n      <div className={classes.section1}>\n        <ExpansionCard title=\"How can I change my password?\" body=\"To change your password, top right button > profile > change password\" />\n      </div>\n      <Divider variant=\"middle\"/>\n      <div className={classes.section2} align=\"center\">\n        <Typography variant=\"h5\">Problem not found?</Typography>\n        <ButtonGroup\n          orientation=\"vertical\"\n          color=\"primary\"\n          aria-label=\"vertical outlined primary button group\"\n          className={classes.section3}\n        >\n          <Button\n            startIcon={<PhoneIcon />}\n            href=\"tel:+31651775925\"\n          >\n            Call us\n          </Button>\n          <Button\n            startIcon={<MailIcon />}\n            href=\"mailto:info@quantified.eu?Subject=App%20problem\"\n            target=\"_top\"\n          >\n            Send us an email\n          </Button>\n        </ButtonGroup>\n      </div>\n      <BottomMenuBar slectedIcon={2} block/>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/frontend/node_modules/.cache/eslint-loader/0b189c005d8bf68976b2192d4bf5f03037426efe.json.gz b/frontend/node_modules/.cache/eslint-loader/0b189c005d8bf68976b2192d4bf5f03037426efe.json.gz
new file mode 100644
index 000000000..8cba3dc9f
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/0b189c005d8bf68976b2192d4bf5f03037426efe.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/12445d1f5a5f3d950d6d6a060aa9246befc91d50.json.gz b/frontend/node_modules/.cache/eslint-loader/12445d1f5a5f3d950d6d6a060aa9246befc91d50.json.gz
new file mode 100644
index 000000000..5b25ba4e1
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/12445d1f5a5f3d950d6d6a060aa9246befc91d50.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/131ee48801d891ecb7225fd5e24ecb4d924464a5.json.gz b/frontend/node_modules/.cache/eslint-loader/131ee48801d891ecb7225fd5e24ecb4d924464a5.json.gz
new file mode 100644
index 000000000..75fd1297d
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/131ee48801d891ecb7225fd5e24ecb4d924464a5.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/14949ff112bfd4b00203ca52553b161d0f6c1d00.json.gz b/frontend/node_modules/.cache/eslint-loader/14949ff112bfd4b00203ca52553b161d0f6c1d00.json.gz
new file mode 100644
index 000000000..8c8133157
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/14949ff112bfd4b00203ca52553b161d0f6c1d00.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/17832f990bcee7b9e74b5f13790c40e873ea3ff9.json.gz b/frontend/node_modules/.cache/eslint-loader/17832f990bcee7b9e74b5f13790c40e873ea3ff9.json.gz
new file mode 100644
index 000000000..8c8133157
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/17832f990bcee7b9e74b5f13790c40e873ea3ff9.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/180459846d3667e3abe46b0d011b8bb772e529a0.json.gz b/frontend/node_modules/.cache/eslint-loader/180459846d3667e3abe46b0d011b8bb772e529a0.json.gz
new file mode 100644
index 000000000..8047a84ca
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/180459846d3667e3abe46b0d011b8bb772e529a0.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/2ca686f2cc5e66b6888c163377ec5746e07d7133.json.gz b/frontend/node_modules/.cache/eslint-loader/2ca686f2cc5e66b6888c163377ec5746e07d7133.json.gz
new file mode 100644
index 000000000..b22fa1c75
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/2ca686f2cc5e66b6888c163377ec5746e07d7133.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/2de46914b89bd4d5c105077758a51dbacd1fa196.json.gz b/frontend/node_modules/.cache/eslint-loader/2de46914b89bd4d5c105077758a51dbacd1fa196.json.gz
new file mode 100644
index 000000000..9f57d11fc
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/2de46914b89bd4d5c105077758a51dbacd1fa196.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/2e7e0b0522f69934267f06658ecb25d12df79130.json.gz b/frontend/node_modules/.cache/eslint-loader/2e7e0b0522f69934267f06658ecb25d12df79130.json.gz
new file mode 100644
index 000000000..b6ea86ab2
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/2e7e0b0522f69934267f06658ecb25d12df79130.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/33c274131e8ea31b786b164a5981fc768254df21.json.gz b/frontend/node_modules/.cache/eslint-loader/33c274131e8ea31b786b164a5981fc768254df21.json.gz
new file mode 100644
index 000000000..6b9f990c8
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/33c274131e8ea31b786b164a5981fc768254df21.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/4753a6343790e304447e0150031d6e4eb230632b.json.gz b/frontend/node_modules/.cache/eslint-loader/4753a6343790e304447e0150031d6e4eb230632b.json.gz
new file mode 100644
index 000000000..cd525dacb
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/4753a6343790e304447e0150031d6e4eb230632b.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/48106a39878541d3f4b05ebd40b9e5be728ee546.json.gz b/frontend/node_modules/.cache/eslint-loader/48106a39878541d3f4b05ebd40b9e5be728ee546.json.gz
new file mode 100644
index 000000000..c5580c835
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/48106a39878541d3f4b05ebd40b9e5be728ee546.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/5148b35252588f90fd4f5e5d153f82035476e2b0.json.gz b/frontend/node_modules/.cache/eslint-loader/5148b35252588f90fd4f5e5d153f82035476e2b0.json.gz
new file mode 100644
index 000000000..26fd272c7
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/5148b35252588f90fd4f5e5d153f82035476e2b0.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/52d62ae5036cd59890da657d142af466ad16d475.json.gz b/frontend/node_modules/.cache/eslint-loader/52d62ae5036cd59890da657d142af466ad16d475.json.gz
new file mode 100644
index 000000000..f4c98d26c
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/52d62ae5036cd59890da657d142af466ad16d475.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/52e99a0568fba7de625c3849b4a7f3f3d5a2edc9.json.gz b/frontend/node_modules/.cache/eslint-loader/52e99a0568fba7de625c3849b4a7f3f3d5a2edc9.json.gz
new file mode 100644
index 000000000..8c8133157
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/52e99a0568fba7de625c3849b4a7f3f3d5a2edc9.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/610d8ec9d75da903bbbe68215e76743efc9054ca.json.gz b/frontend/node_modules/.cache/eslint-loader/610d8ec9d75da903bbbe68215e76743efc9054ca.json.gz
new file mode 100644
index 000000000..2227d0fe7
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/610d8ec9d75da903bbbe68215e76743efc9054ca.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/76bbf28c87eb5ffd4d84cc959acd8fd3320607a7.json.gz b/frontend/node_modules/.cache/eslint-loader/76bbf28c87eb5ffd4d84cc959acd8fd3320607a7.json.gz
new file mode 100644
index 000000000..aee3da5c2
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/76bbf28c87eb5ffd4d84cc959acd8fd3320607a7.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/7df202e757ab38464fa4304a439444847ee6cb5e.json.gz b/frontend/node_modules/.cache/eslint-loader/7df202e757ab38464fa4304a439444847ee6cb5e.json.gz
new file mode 100644
index 000000000..f442e8fab
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/7df202e757ab38464fa4304a439444847ee6cb5e.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/89c95c9797fcd7bbc20843de28996bbfdaa5f84c.json.gz b/frontend/node_modules/.cache/eslint-loader/89c95c9797fcd7bbc20843de28996bbfdaa5f84c.json.gz
new file mode 100644
index 000000000..d6a6a73dc
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/89c95c9797fcd7bbc20843de28996bbfdaa5f84c.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/972cd05aa9b7fe322d141bca0bf7cfb7ba6ae706.json.gz b/frontend/node_modules/.cache/eslint-loader/972cd05aa9b7fe322d141bca0bf7cfb7ba6ae706.json.gz
new file mode 100644
index 000000000..c5580c835
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/972cd05aa9b7fe322d141bca0bf7cfb7ba6ae706.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/98be982231d9fe34e0442eebc422b3b2e8a74ff4.json.gz b/frontend/node_modules/.cache/eslint-loader/98be982231d9fe34e0442eebc422b3b2e8a74ff4.json.gz
new file mode 100644
index 000000000..21daf5279
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/98be982231d9fe34e0442eebc422b3b2e8a74ff4.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/a5fbe67d612cc407c26592ba2cf102784c38bf98.json.gz b/frontend/node_modules/.cache/eslint-loader/a5fbe67d612cc407c26592ba2cf102784c38bf98.json.gz
new file mode 100644
index 000000000..a648aa3e8
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/a5fbe67d612cc407c26592ba2cf102784c38bf98.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/ac13af330df75c770e10bc208007d42fc1ad490c.json.gz b/frontend/node_modules/.cache/eslint-loader/ac13af330df75c770e10bc208007d42fc1ad490c.json.gz
new file mode 100644
index 000000000..c5580c835
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/ac13af330df75c770e10bc208007d42fc1ad490c.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/ac62966e1b56e96ee06af74bbe4b9c3109ee2dd6.json.gz b/frontend/node_modules/.cache/eslint-loader/ac62966e1b56e96ee06af74bbe4b9c3109ee2dd6.json.gz
new file mode 100644
index 000000000..c5580c835
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/ac62966e1b56e96ee06af74bbe4b9c3109ee2dd6.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/b26e537eeaf04303417cabd64edb9b4d5ce6ecce.json.gz b/frontend/node_modules/.cache/eslint-loader/b26e537eeaf04303417cabd64edb9b4d5ce6ecce.json.gz
new file mode 100644
index 000000000..a648aa3e8
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/b26e537eeaf04303417cabd64edb9b4d5ce6ecce.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/b3dbcbbc7c65ec4745535d12114b84491a9ac65d.json.gz b/frontend/node_modules/.cache/eslint-loader/b3dbcbbc7c65ec4745535d12114b84491a9ac65d.json.gz
new file mode 100644
index 000000000..febd8255e
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/b3dbcbbc7c65ec4745535d12114b84491a9ac65d.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/bbb344f9d27567c896c4996bb764bf1e6abc43fb.json.gz b/frontend/node_modules/.cache/eslint-loader/bbb344f9d27567c896c4996bb764bf1e6abc43fb.json.gz
new file mode 100644
index 000000000..3a6a81333
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/bbb344f9d27567c896c4996bb764bf1e6abc43fb.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/bcce3ff07e8d792261237cba1fb5905c73238f9e.json.gz b/frontend/node_modules/.cache/eslint-loader/bcce3ff07e8d792261237cba1fb5905c73238f9e.json.gz
new file mode 100644
index 000000000..a7c1b99a7
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/bcce3ff07e8d792261237cba1fb5905c73238f9e.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/c1cf6ebc233b24a4e46879f078974e2113c5598a.json.gz b/frontend/node_modules/.cache/eslint-loader/c1cf6ebc233b24a4e46879f078974e2113c5598a.json.gz
new file mode 100644
index 000000000..e3fc6c23f
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/c1cf6ebc233b24a4e46879f078974e2113c5598a.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/c3b91a0b314544798bbafaf6666bacbb5b6d1ca2.json.gz b/frontend/node_modules/.cache/eslint-loader/c3b91a0b314544798bbafaf6666bacbb5b6d1ca2.json.gz
new file mode 100644
index 000000000..c5580c835
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/c3b91a0b314544798bbafaf6666bacbb5b6d1ca2.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/d144336263310c2dfdae346a5100802528659bda.json.gz b/frontend/node_modules/.cache/eslint-loader/d144336263310c2dfdae346a5100802528659bda.json.gz
new file mode 100644
index 000000000..f86d3dee7
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/d144336263310c2dfdae346a5100802528659bda.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/ddafb90ae6ff8781d519a63543b8d7496368740d.json.gz b/frontend/node_modules/.cache/eslint-loader/ddafb90ae6ff8781d519a63543b8d7496368740d.json.gz
new file mode 100644
index 000000000..8c8133157
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/ddafb90ae6ff8781d519a63543b8d7496368740d.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/e54039f66444dbb4c8c72f144313ee3b2e3a98d2.json.gz b/frontend/node_modules/.cache/eslint-loader/e54039f66444dbb4c8c72f144313ee3b2e3a98d2.json.gz
new file mode 100644
index 000000000..8c8133157
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/e54039f66444dbb4c8c72f144313ee3b2e3a98d2.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/e60ddedeac3a89121ca651798ccea0398b4d091c.json.gz b/frontend/node_modules/.cache/eslint-loader/e60ddedeac3a89121ca651798ccea0398b4d091c.json.gz
new file mode 100644
index 000000000..390d10216
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/e60ddedeac3a89121ca651798ccea0398b4d091c.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/e7458db03003b2bb91e5fb6405d787631166eb02.json.gz b/frontend/node_modules/.cache/eslint-loader/e7458db03003b2bb91e5fb6405d787631166eb02.json.gz
new file mode 100644
index 000000000..03fe82e59
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/e7458db03003b2bb91e5fb6405d787631166eb02.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/eb27164e84d18527d7b647142fed9caeb1f4971e.json.gz b/frontend/node_modules/.cache/eslint-loader/eb27164e84d18527d7b647142fed9caeb1f4971e.json.gz
new file mode 100644
index 000000000..c5580c835
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/eb27164e84d18527d7b647142fed9caeb1f4971e.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/f7ac2a92719904a7d8ec0fd87f4c110e059f519e.json.gz b/frontend/node_modules/.cache/eslint-loader/f7ac2a92719904a7d8ec0fd87f4c110e059f519e.json.gz
new file mode 100644
index 000000000..ee58f9739
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/f7ac2a92719904a7d8ec0fd87f4c110e059f519e.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/f8e8d7e3db035724fcb06c1a9f42500fd71b4c15.json.gz b/frontend/node_modules/.cache/eslint-loader/f8e8d7e3db035724fcb06c1a9f42500fd71b4c15.json.gz
new file mode 100644
index 000000000..3a6a81333
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/f8e8d7e3db035724fcb06c1a9f42500fd71b4c15.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/fc05df9531cf28b18fb8fb898b057fcc03bb47f9.json.gz b/frontend/node_modules/.cache/eslint-loader/fc05df9531cf28b18fb8fb898b057fcc03bb47f9.json.gz
new file mode 100644
index 000000000..7a552a551
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/fc05df9531cf28b18fb8fb898b057fcc03bb47f9.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/fd02d035c155de4e87ad359dcdc84bb945d86bb2.json.gz b/frontend/node_modules/.cache/eslint-loader/fd02d035c155de4e87ad359dcdc84bb945d86bb2.json.gz
new file mode 100644
index 000000000..987856dc4
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/fd02d035c155de4e87ad359dcdc84bb945d86bb2.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/fdd404ed3bffc960a84f36d44169a9fdd1b345e8.json.gz b/frontend/node_modules/.cache/eslint-loader/fdd404ed3bffc960a84f36d44169a9fdd1b345e8.json.gz
new file mode 100644
index 000000000..d80bb4809
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/fdd404ed3bffc960a84f36d44169a9fdd1b345e8.json.gz differ
diff --git a/frontend/node_modules/.cache/eslint-loader/fff633934cce21a47e20b9b34962049f462e41e3.json.gz b/frontend/node_modules/.cache/eslint-loader/fff633934cce21a47e20b9b34962049f462e41e3.json.gz
new file mode 100644
index 000000000..b34d8ab13
Binary files /dev/null and b/frontend/node_modules/.cache/eslint-loader/fff633934cce21a47e20b9b34962049f462e41e3.json.gz differ
diff --git a/frontend/src/Routes.js b/frontend/src/Routes.js
index e7cad211a..95f076609 100644
--- a/frontend/src/Routes.js
+++ b/frontend/src/Routes.js
@@ -10,11 +10,14 @@ import Installation from "./containers/Installation";
 import Dashboard from "./dashboard/dashboard";
 import FAQgeneral from "./faq/FAQ";
 import FAQnode from "./faq/FAQ_node"
+import FAQgateway from "./faq/FAQ_gateway"
+import FAQprofile from "./faq/FAQ_profile"
 import firebase, { FirebaseContext } from "firebase";
 import useAuth from "./auth/useAuth";
 import forgot from "./auth/forgotpass";
 import Profile from './containers/Profile';
 
+
 export default function Routes({ appProps }) {
     const user = useAuth()
   return (
@@ -37,6 +40,10 @@ export default function Routes({ appProps }) {
       <AppliedRoute path="/faq" exact component={FAQgeneral} appProps={appProps} />
       <Route path="/faq/node" exact component={FAQnode} />
       <AppliedRoute path="/faq/node" exact component={FAQnode} appProps={appProps} />
+      <Route path="/faq/profile" exact component={FAQprofile} />
+      <AppliedRoute path="/faq/profile" exact component={FAQprofile} appProps={appProps} />
+      <Route path="/faq/gateway" exact component={FAQgateway} />
+      <AppliedRoute path="/faq/gateway" exact component={FAQgateway} appProps={appProps} />
     <Route path="/profile" exact component={Profile} />
   <AppliedRoute path="/profile" exact component={Profile} appProps={appProps} />
       { /* Finally, catch all unmatched routes */ }
diff --git a/frontend/src/containers/Home.js b/frontend/src/containers/Home.js
index 35c48ce5a..91da0a507 100644
--- a/frontend/src/containers/Home.js
+++ b/frontend/src/containers/Home.js
@@ -1,7 +1,7 @@
 import React from "react";
 import "./Installation.css";
 import NodeIcon from '../icons/icon_node';
-import { Grid, Paper, Button, Fab, Box, Divider, Container, Typography } from '@material-ui/core';
+import { Grid, Paper, Button, Box, Divider, Typography } from '@material-ui/core';
 import { Dashboard as DashboardIcon } from '@material-ui/icons';
 import { makeStyles  } from '@material-ui/core/styles';
 import { LinkContainer } from "react-router-bootstrap"
@@ -74,7 +74,7 @@ export default function Home() {
       <TopMenuBar
       block pageName="Home" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={false} backRoutePage="/"/>
       </header>
-      <body className={classes.height}>
+      <div className={classes.height}>
         <div className={classes.root}>
           <Box display="flex"
             flexGrow={3}
@@ -85,7 +85,7 @@ export default function Home() {
                   <Typography align="center" variant="h5" gutterBottom>
                     OVERVIEW
                   </Typography>
-                    <Divider fullWidth/>
+                    <Divider/>
                   <Typography variant="h6">
                     Actual temperature:
                   </Typography>
@@ -134,7 +134,7 @@ export default function Home() {
                 </Grid>
               </Box>
           </div>
-      </body>
+      </div>
       </main>
   );
 }
diff --git a/frontend/src/dashboard/dashboard.js b/frontend/src/dashboard/dashboard.js
index a00980f92..bb455ac05 100644
--- a/frontend/src/dashboard/dashboard.js
+++ b/frontend/src/dashboard/dashboard.js
@@ -64,7 +64,6 @@ export default function Dashboard(props) {
     <div className={classes.root}>
       <CssBaseline />
     <TopMenuBar block pageName="Dashboard" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage="/"/>
-      <main className={classes.content}>
         <Container maxWidth="lg" className={classes.container}>
           <Grid container spacing={3}>
             <Grid item xs={12}>
@@ -76,7 +75,7 @@ export default function Dashboard(props) {
               <Paper className={fixedHeightPaper}>
                 <Box p={1}>
                   <Typography variant="h6" component="h2">Current temperature</Typography>
-                  <Typography variant="h2"><FakeTemp />&#x2103;</Typography>
+                  <Typography variant="h2"><FakeTemp />℃</Typography>
                   <Divider className={classes.divider}/>
                   <Typography variant="h6">Advice</Typography>
                   <Typography variant="body2">Temperature is too high</Typography>
@@ -103,7 +102,6 @@ export default function Dashboard(props) {
             </Grid>
           </Grid>
         </Container>
-      </main>
     </div>
 
     );
diff --git a/frontend/src/faq/FAQ.js b/frontend/src/faq/FAQ.js
index aa2b72ba0..90b1673ea 100644
--- a/frontend/src/faq/FAQ.js
+++ b/frontend/src/faq/FAQ.js
@@ -7,6 +7,7 @@ import {
   CardHeader,
   CardActionArea,
   Avatar,
+  Container,
   Button,
   ButtonGroup,
 } from '@material-ui/core';
@@ -52,7 +53,7 @@ export default function FAQ(props) {
     });
 
   return (
-    <>
+    <Container>
       <TopMenuBar block pageName="FAQ" hamburgerMenu={true} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage="/"/>
       <Card className={classes.section1}>
       <LinkContainer to="/faq/node">
@@ -71,7 +72,7 @@ export default function FAQ(props) {
           </LinkContainer>
       </Card>
       <Card className={classes.section1}>
-      <LinkContainer to="/faq/node">
+      <LinkContainer to="/faq/gateway">
       <CardActionArea>
         <CardHeader
           avatar={
@@ -87,7 +88,7 @@ export default function FAQ(props) {
           </LinkContainer>
       </Card>
       <Card className={classes.section1}>
-            <LinkContainer to="/faq/node">
+            <LinkContainer to="/faq/profile">
       <CardActionArea>
         <CardHeader
           avatar={
@@ -129,6 +130,6 @@ export default function FAQ(props) {
         </Button>
         </ButtonGroup>
       </div>
-    </>
+    </Container>
   );
 }
diff --git a/frontend/src/faq/FAQ_gateway.js b/frontend/src/faq/FAQ_gateway.js
index 5f19871d1..bf4aa0603 100644
--- a/frontend/src/faq/FAQ_gateway.js
+++ b/frontend/src/faq/FAQ_gateway.js
@@ -4,7 +4,9 @@ import {
   Divider,
   Typography,
   Button,
-  ButtonGroup
+  ButtonGroup,
+  Box,
+  Container
 } from '@material-ui/core';
 import ExpansionCard from '../components/ExpansionPanel.js';
 import TopMenuBar from '../components/TopMenuBar.js'
@@ -33,15 +35,17 @@ export default function FAQnode() {
   const classes = useStyles();
 
   return (
-    <>
+    <Container>
       <TopMenuBar block pageName="Node FAQ" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage="/faq"/>
       <div className={classes.section1}>
-        <ExpansionCard title="My node is not connecting" body="To connect your node, please follow the provided steps:" />
-      <ExpansionCard title="The node position is wrong" body="To see the location of your nodes, go to the nodes page on your profile" />
-      </div>
+        <ExpansionCard title="The gateway is not powering on" body="Please make sure you have a active connection to the internet, a connection to yoir power outlet and the prepared network settings. If this does not work, please contact us below." />
+        <ExpansionCard title="The gateway is on but not connected to the internet" body="Make sure you have setup your local network for the gateway. Is this not working? Please contact us below." />
+        <ExpansionCard title="The gateway is connected but is not sending data to the application" body="The gateway uses the LoRa network to communicate with the nodes. Try to see if your local LoRa network is online. Is this not the case? Please contact us below." />
+        <ExpansionCard title="The gateway making a strange noise" body="This could mean you have a broken gateway. Please contact us below" />
+    </div>
 
       <Divider variant="middle"/>
-      <div className={classes.section2} align="center">
+      <Box m={1}>
         <Typography variant="h5">Problem not found?</Typography>
         <ButtonGroup
           orientation="vertical"
@@ -63,8 +67,7 @@ export default function FAQnode() {
             Send us an email
           </Button>
         </ButtonGroup>
-      </div>
-      <BottomMenuBar slectedIcon={2} block/>
-    </>
+      </Box>
+    </Container>
   );
 }
diff --git a/frontend/src/faq/FAQ_node.js b/frontend/src/faq/FAQ_node.js
index 2cae971dd..f2d1feb5e 100644
--- a/frontend/src/faq/FAQ_node.js
+++ b/frontend/src/faq/FAQ_node.js
@@ -4,7 +4,9 @@ import {
   Divider,
   Typography,
   Button,
-  ButtonGroup
+  ButtonGroup,
+  Box,
+  Container
 } from '@material-ui/core';
 import ExpansionCard from '../components/ExpansionPanel.js';
 import TopMenuBar from '../components/TopMenuBar.js'
@@ -42,12 +44,14 @@ export default function FAQnode(props) {
     }
   });
   return (
-    <>
+    <Container>
       <TopMenuBar block pageName="Node FAQ" hamburgerMenu={false} closeButtonOnly={false} closeWithPrompt={false} backButton={true} backRoutePage="/faq"/>
       <div className={classes.section1}>
-        <ExpansionCard title="My node is not connecting" body="To connect your node, please follow the provided steps:" />
-      <ExpansionCard title="The node position is wrong" body="To see the location of your nodes, go to the nodes page on your profile" />
-      </div>
+        <ExpansionCard title="My node is not connecting" body="To connect your node, please make sure the gateway is connected and your LoRa network is active" />
+        <ExpansionCard title="The node position is wrong" body="To see the location of your nodes, go to the nodes page on your profile" />
+        <ExpansionCard title="I want to change a node position" body="This functionality is currently not supported. You can delete a node and add it on the requested position" />
+        <ExpansionCard title="My nodes are not displaying data" body="It could be that the battery of the node is empty. Please contact us below." />
+    </div>
 
       <Divider variant="middle"/>
       <div className={classes.section2} align="center">
@@ -73,7 +77,6 @@ export default function FAQnode(props) {
           </Button>
         </ButtonGroup>
       </div>
-      <BottomMenuBar slectedIcon={2} block/>
-    </>
+    </Container>
   );
 }
diff --git a/frontend/src/faq/FAQ_profile.js b/frontend/src/faq/FAQ_profile.js
index 9c3fd3f35..0edc273da 100644
--- a/frontend/src/faq/FAQ_profile.js
+++ b/frontend/src/faq/FAQ_profile.js
@@ -4,7 +4,9 @@ import {
   Divider,
   Typography,
   Button,
-  ButtonGroup
+  ButtonGroup,
+  Box,
+  Container
 } from '@material-ui/core';
 import ExpansionCard from '../components/ExpansionPanel.js';
 import TopMenuBar from '../components/TopMenuBar.js'
@@ -42,7 +44,7 @@ export default function FAQnode(props) {
     }
   });
   return (
-    <>
+    <Container>
       <TopMenuBar block pageName="Node FAQ"
       hamburgerMenu={false}
       closeButtonOnly={false}
@@ -50,10 +52,8 @@ export default function FAQnode(props) {
       backButton={true}
       backRoutePage="/faq"/>
       <div className={classes.section1}>
-        <ExpansionCard title="My node is not connecting" body="To connect your node, please follow the provided steps:" />
-      <ExpansionCard title="The node position is wrong" body="To see the location of your nodes, go to the nodes page on your profile" />
+        <ExpansionCard title="How can I change my password?" body="To change your password. Go to top right button on the homescreen > profile > change password" />
       </div>
-
       <Divider variant="middle"/>
       <div className={classes.section2} align="center">
         <Typography variant="h5">Problem not found?</Typography>
@@ -78,7 +78,6 @@ export default function FAQnode(props) {
           </Button>
         </ButtonGroup>
       </div>
-      <BottomMenuBar slectedIcon={2} block/>
-    </>
+    </Container>
   );
 }
diff --git a/frontend/src/steps/Step_3_Gateway.js b/frontend/src/steps/Step_3_Gateway.js
index 0be1d5f53..b8f83fc8e 100644
--- a/frontend/src/steps/Step_3_Gateway.js
+++ b/frontend/src/steps/Step_3_Gateway.js
@@ -22,6 +22,9 @@ export default function Step3(){
           <Box m={1}>
               <ExpansionPanel title="Active internet connection" body="Make sure your internet is active to make a connection to the gateway"/>
               <ExpansionPanel title="Open the ports needed to connect" body="Open ports: 2000, 3000 and 603" />
+              <ExpansionPanel title="Make sure you have a LAN port available" body="The gateway connects to your local network through cable. Please make sure you have a LAN port available" />
+              <ExpansionPanel title="Make sure you have a power outlet available" body="The gateway needs power to work. Make sure you have a power outlet nearby" />
+              <ExpansionPanel title="Make sure you have a local LoRa network" body="This has already been communicated to you with Quantified. Please make sure the network is online for the gateway to connect to the nodes." />
         </Box>
     </Container>
   );