Merge pull request #22 from bonniesimon/master

Started work on post

src/Home.js

@@ -4,7 +4,7 @@ import InputForm from './components/InputForm'
 import PrimaryButton from './components/PrimaryButton'
 // import ViewDataCard from './components/ViewDataCard'
 import TextDisplay from './components/TextDisplay'
-import Products from './components/Products'
+import GetProducts from './helpers/GetProducts'
 
 class Home extends Component {
     constructor(props) {
@@ -28,7 +28,7 @@ class Home extends Component {
                 <TextDisplay message="You can view all your product entries here!" />
                 <div className="space-20"></div>
                 {/* <ViewDataCard/> */}
-                <Products/>
+                <GetProducts/>
                 </div>
             </div>
         )

src/components/Products.js → src/helpers/GetProducts.js

@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
 
-import ViewDataCard from './ViewDataCard';
+import ViewDataCard from '../components/ViewDataCard';
 
-import { getProducts } from '../helpers/ProductService';
+import { getProducts } from './ProductService';
 
-const Products = () => {
+const GetProducts = () => {
     const [products, setProducts] = useState([]);
 
     useEffect(() => {
@@ -37,7 +37,6 @@ const Products = () => {
         let productsModded = [];
         inputProducts.forEach(product => {
             product.product_inventories.forEach(product_inventory => {
-                console.log(`${product.name} - ${product_inventory.unit} - ${product_inventory.price}`)
                 const newProd = { ...product, product_inventory };
                 productsModded.push(newProd)
             })
@@ -70,4 +69,4 @@ const Products = () => {
     )
 }
 
-export default Products;
+export default GetProducts;

src/helpers/PostProducts.js

@@ -0,0 +1,22 @@
+import React, {useState} from 'react'
+import InputForm from '../components/InputForm'
+
+
+const PostProducts = () => {
+    const [name, setName] = useState("")
+    const [description, setDescription] = useState("")
+    const [category, setCategory] = useState("")
+    const [subcategory, setSubcategory] = useState("")
+    const [price, setPrice] = useState("")
+    const [type, setType] = useState("")
+    const [unit, setUnit] = useState("")
+
+
+    return (
+       <>
+            <InputForm/>
+       </> 
+    )
+}
+
+export default PostProducts

src/helpers/ProductService.js

@@ -11,4 +11,23 @@ export const getProducts = async () => {
     const res = await axios.get(`${baseUrl}/products`);
     const data = res.data;
     return data;
-}
+}
+
+/*
+Post product schema
+{
+  "name": "string",
+  "description": "string",
+  "category": "fruitsAndVegetables",
+  "product_inventories": [
+    "string"
+  ],
+  "subCategory": "vegetables",
+  "created_by": "string",
+  "updated_by": "string"
+}
+*/
+
+// export const postProducts = async (product) => {
+
+// }