From f23b8374138e347e98f8891f7cecb2f775a076a4 Mon Sep 17 00:00:00 2001 From: bytesparallel Date: Tue, 23 Nov 2021 13:34:24 -0600 Subject: [PATCH 1/2] added file structure and components --- erd-stuff.txt | 6 +++++ src/componets/auth/Login.css | 0 src/componets/auth/Login.js | 0 src/componets/auth/Register.js | 0 src/componets/customers/Customers.js | 0 src/componets/employees/EmployeeForm.js | 0 src/componets/employees/Employees.js | 0 src/componets/locations/Locations.js | 30 +++++++++++++++++++++++++ src/componets/locations/locations.css | 0 src/componets/nav/navbar.css | 0 src/componets/nav/navbar.js | 0 src/componets/products/ProductTypes.js | 0 src/componets/products/Products.js | 0 13 files changed, 36 insertions(+) create mode 100644 erd-stuff.txt create mode 100644 src/componets/auth/Login.css create mode 100644 src/componets/auth/Login.js create mode 100644 src/componets/auth/Register.js create mode 100644 src/componets/customers/Customers.js create mode 100644 src/componets/employees/EmployeeForm.js create mode 100644 src/componets/employees/Employees.js create mode 100644 src/componets/locations/Locations.js create mode 100644 src/componets/locations/locations.css create mode 100644 src/componets/nav/navbar.css create mode 100644 src/componets/nav/navbar.js create mode 100644 src/componets/products/ProductTypes.js create mode 100644 src/componets/products/Products.js diff --git a/erd-stuff.txt b/erd-stuff.txt new file mode 100644 index 0000000..5b89508 --- /dev/null +++ b/erd-stuff.txt @@ -0,0 +1,6 @@ +lastPurchaseID integer + locationIDLastPurchasedFrom integer + mostPurchasedLocationID integer + productTypesLastPurchased integer + productsIDLastPurchased integer + productsMostPurchasedID integer diff --git a/src/componets/auth/Login.css b/src/componets/auth/Login.css new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/auth/Login.js b/src/componets/auth/Login.js new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/auth/Register.js b/src/componets/auth/Register.js new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/customers/Customers.js b/src/componets/customers/Customers.js new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/employees/EmployeeForm.js b/src/componets/employees/EmployeeForm.js new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/employees/Employees.js b/src/componets/employees/Employees.js new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/locations/Locations.js b/src/componets/locations/Locations.js new file mode 100644 index 0000000..9850d82 --- /dev/null +++ b/src/componets/locations/Locations.js @@ -0,0 +1,30 @@ +import React, { + useEffect, + useState +} from "react"; + +export const LocationsList = () => { + const [locations, setLocationList] = useState([]) + + useEffect( + () => { + fetch("http://localhost:8088/locations") + .then(res => res.json()) + .then(setLocationList) + }, + [] + ) + return ( + <> + + { + locations.map( + (locationObject) => { + return

{locationObject.name}

+ } + ) + + } + + ) + } \ No newline at end of file diff --git a/src/componets/locations/locations.css b/src/componets/locations/locations.css new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/nav/navbar.css b/src/componets/nav/navbar.css new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/nav/navbar.js b/src/componets/nav/navbar.js new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/products/ProductTypes.js b/src/componets/products/ProductTypes.js new file mode 100644 index 0000000..e69de29 diff --git a/src/componets/products/Products.js b/src/componets/products/Products.js new file mode 100644 index 0000000..e69de29 -- 2.47.3 From beafa3900e133421a27ca6f16fba114aecdb2834 Mon Sep 17 00:00:00 2001 From: bytesparallel Date: Tue, 23 Nov 2021 15:27:15 -0600 Subject: [PATCH 2/2] completed through ch 7 --- src/componets/KandyKorner.js | 3 +++ src/componets/locations/Locations.js | 5 +---- src/componets/products/Products.js | 29 ++++++++++++++++++++++++++++ 3 files changed, 33 insertions(+), 4 deletions(-) diff --git a/src/componets/KandyKorner.js b/src/componets/KandyKorner.js index 20243f8..da91645 100644 --- a/src/componets/KandyKorner.js +++ b/src/componets/KandyKorner.js @@ -1,4 +1,5 @@ import { LocationsList } from "./locations/Locations" +import { ProductList } from "./products/Products" export const KandyKorner = () => { return( @@ -6,6 +7,8 @@ export const KandyKorner = () => {

Kandy Korner

Locations

+

Products

+ ) } \ No newline at end of file diff --git a/src/componets/locations/Locations.js b/src/componets/locations/Locations.js index 9850d82..c1c0d7c 100644 --- a/src/componets/locations/Locations.js +++ b/src/componets/locations/Locations.js @@ -1,7 +1,4 @@ -import React, { - useEffect, - useState -} from "react"; +import React, {useEffect,useState} from "react"; export const LocationsList = () => { const [locations, setLocationList] = useState([]) diff --git a/src/componets/products/Products.js b/src/componets/products/Products.js index e69de29..569ec49 100644 --- a/src/componets/products/Products.js +++ b/src/componets/products/Products.js @@ -0,0 +1,29 @@ +import React, {useEffect,useState} from "react"; + +export const ProductList = () => { + const [products, setProductList] = useState([]) + const [totalProducts, totalProductAmounts] = useState("") + + useEffect( + () => { + // table call must be singular in the fetch link in order to properly retrieve objects + fetch("http://localhost:8088/products?_expand=productType&_sort=productTypeId&_order=asc") + .then(res => res.json()) + .then(setProductList) + }, + [] + ) + return ( + <> +
{totalProducts}
+ { + products.map( + (productObject) => { + return

{productObject.candyName} - Price - ${productObject.price} - Candy Type - {productObject.productType.candyType}

; + } + ) + + } + + ) + } \ No newline at end of file -- 2.47.3