Added login request

woocomerce-order/src/components/index.js

@@ -1,10 +1,15 @@
 import React from 'react'
+import Order from './order'
+import Login from './login'
 
-export const Order = (props) => {
+export const Wiaas = (props) => {
 
     return (
-        <button onClick={props.onOrderClicked} > SEND ORDER </button>
+        <div>
+            <Login  onLogInClicked={props.onLogInClicked}/>
+            <Order onOrderClicked={props.onOrderClicked} />
+        </div>
     )
 }
 
-export default Order
+export default Wiaas

woocomerce-order/src/components/login/index.js

@@ -0,0 +1,24 @@
+import React from 'react'
+
+export const Login = (props) => {
+
+    let username = ""
+    let password = ""
+
+    return (
+        <div>
+            <div>
+                <label > USERNAME </label>
+                <input  ref={el => username=el} type="text" />
+            </div>
+            <div>
+                <label > PASSWORD </label>
+                <input ref={el => password=el} type="password" />
+            </div>
+            <button onClick={() => props.onLogInClicked(username.value, password.value)}> SIGN IN </button>
+
+        </div>
+    )
+}
+
+export default Login

woocomerce-order/src/components/order/index.js

@@ -0,0 +1,10 @@
+import React from 'react'
+
+export const Order = (props) => {
+
+    return (
+        <button onClick={props.onOrderClicked} > SEND ORDER </button>
+    )
+}
+
+export default Order