pull and post array from mysql

client/src/App.js

@@ -1,6 +1,9 @@
-import React, { Component } from 'react';
+import React, { useState, Component } from 'react';
 import './App.css';
 class App extends Component {
+  const[username, setUsername] = useState();
+  const[password, setPassword] = useState();
+
   state = { streams: [] }
   componentDidMount() {
     fetch('/getStreams')
@@ -12,11 +15,15 @@ class App extends Component {
       <section class="container">
         <div class="left-half">
           <article>
-            <h1>User Login</h1>
+            <label>Username: </label>
-            <p>
+            <br />
-              I am a user login
+            <input type="text" onChange={e => setUsername(e.target.value)} />
-            </p>
+            <br />
-
+            <label>Password: </label>
+            <br />
+            <input type="password" onChange={e => setPassword(e.target.value)} />
+            <br />
+            <button onClick={auth}>Login</button>
           </article>
         </div>
         <div class="right-half">

routes/postUser.js

@@ -4,14 +4,28 @@ var router = express.Router();
 const sql = require('../lib/mysql')
 /* POST postUser page. */
 router.post('/', async function (req, res, next) {
-    sql.query(`SELECT * FROM users WHERE username = '${req.body.username}'`, function (err, tt) {
+    sql.query(`SELECT
+      users.userName,
+      userAccounts.username,
+      userAccounts.password,
+      streams.streamName,
+      streams.streamURL
+    FROM users
+      INNER JOIN userAccounts
+        ON users.idusers = userAccounts.userID
+      INNER JOIN streams
+        ON userAccounts.stream = streams.streamName
+        WHERE users.username = '${req.body.username}'`, function (err, tt) {
         if (err) {
             console.log("User Not Found: ", err);
-            result(err, null);
         }
         else {
-            console.log(tt[0]);
+            if (tt.length === 0) {
-            res.send(tt[0]);
+                res.send('User Not Found')
+            } else {
+                console.log(tt);
+                res.send(tt);
+            }
         }
     });
 });