update frontend with working backend routes

frontend/src/actions/order_actions.js

 import * as OrderAPIUtil from '../util/orders_api_util';
 
 export const RECEIVE_ORDERS = 'RECEIVE_ORDERS';
-export const RECEIVE_ORDER = 'RECEIVE_ORDER';
 export const UPDATE_ORDER = 'UPDATE_ORDER';
 
 const receiveOrders = (orders) => ({
@@ -9,11 +8,6 @@ const receiveOrders = (orders) => ({
   orders,
 })
 
-const receiveOrder = (order) => ({
-  type: RECEIVE_ORDER,
-  order,
-})
-
 const updateOrder = (order) => ({
   type: UPDATE_ORDER,
   order,
@@ -26,16 +20,10 @@ export const fetchOrders = () => (dispatch) => {
     });
 }
 
-export const createOrder = (order) => (dispatch) =>
-  OrderAPIUtil.createOrder(order)
-    .then(res => {
-      dispatch(receiveOrder(res.data))
-    });
-
 export const editOrder = (order) => (dispatch) => {
   OrderAPIUtil.editOrder(order)
     .then(res => {
-      // debugger
-      dispatch(updateOrder(res))
+      debugger
+      dispatch(updateOrder(res.data))
     });
 }
\ No newline at end of file

frontend/src/components/order/OrderDetails.jsx

@@ -2,45 +2,6 @@ import ItemDetails from "./ItemDetails";
 
 const OrderDetails = ({ order, showDetails }) => {
 
-  const sampleItems = [
-    {
-      itemId: "17",
-      itemName: "Apple iPhone",
-      itemQuantity: 4,
-      itemPrice: 17.99,
-      itemSku: 8765309,
-    },
-    {
-      itemId: "12",
-      itemName: "Google Pixel",
-      itemQuantity: 42,
-      itemPrice: 17.99,
-      itemSku: 8715309,
-    },
-    {
-      itemId: "123",
-      itemName: "Google Pixel",
-      itemQuantity: 42,
-      itemPrice: 17.99,
-      itemSku: 8715309,
-    },
-    {
-      itemId: "124",
-      itemName: "Google Pixel",
-      itemQuantity: 42,
-      itemPrice: 17.99,
-      itemSku: 8715309,
-    },
-    {
-      itemId: "125",
-      itemName: "Google Pixel",
-      itemQuantity: 42,
-      itemPrice: 17.99,
-      itemSku: 8715309,
-    },
-
-  ];
-
   return (
     <div className={`order-details ${showDetails ? "animate" : ""}`}>
       <div className="order-details-container">
@@ -48,12 +9,10 @@ const OrderDetails = ({ order, showDetails }) => {
           {`Order Details - Warehouse Order #: ${order.id}`}
         </div>
         <ul>
-          {sampleItems.map( item => (
+          {order.orderItems.map( item => (
             <ItemDetails key={item.itemId}item={item} />
           ))}
-
         </ul>
-
       </div>
     </div>
   )

frontend/src/reducers/entities/orders_reducer.js

 import {
-  RECEIVE_ORDER,
   RECEIVE_ORDERS,
   UPDATE_ORDER,
 } from "../../actions/order_actions";
@@ -13,7 +12,6 @@ const OrdersReducer = (oldState = initialState, action) => {
   Object.freeze(oldState);
   const newState = { ...oldState };
   const order = action.order || null;
-  
   switch (action.type) {
     case RECEIVE_ORDERS:
       const orderState = {
@@ -27,10 +25,6 @@ const OrdersReducer = (oldState = initialState, action) => {
         orderState.byOrderId[order.orderId] = order;
       })
       return orderState;
-    case RECEIVE_ORDER:
-      newState.byId[order.id] = order;
-      newState.allIds.push(order.id);
-      return newState;
     case UPDATE_ORDER:
       newState.byId[order.id] = order;
       return newState;

frontend/src/util/orders_api_util.jsx

 import axios from 'axios';
 
-const RECEIVED = "RECEIVED";
+// const RECEIVED = "RECEIVED";
 // const FULFILLED = "FULFILLED";
 // const CANCELLED = "CANCELLED";
 
-const sampleGetAll = [
-  // allIds: ["1", "2", "3"],
-  // byId: {
-  {
-    id: "1",
-    orderId: "o1",
-    status: RECEIVED,
-    orderItems: [
-      {
-        itemId: "17",
-        itemName: "Apple iPhone",
-        itemQuantity: 4,
-        itemPrice: 17.99,
-        itemSku: 8765309,
-      },
-      {
-        itemId: "Google Pixel",
-        itemName: "Item 2",
-        itemQuantity: 42,
-        itemPrice: 17.99,
-        itemSku: 8715309,
-      },
-    ],
-  },
-  {
-    id: "2",
-    orderId: "o2",
-    status: RECEIVED,
-    orderItems: [
-      {
-        itemId: "17",
-        itemName: "Item 1",
-        itemQuantity: 3,
-        itemPrice: 17.99,
-        itemSku: 8765309,
-      },
-      {
-        itemId: "18",
-        itemName: "Item 2",
-        itemQuantity: 41,
-        itemPrice: 17.99,
-        itemSku: 8715309,
-      },
-    ],
-  },
-  {
-    id: "3",
-    orderId: "o3",
-    status: RECEIVED,
-    orderItems: [
-      {
-        itemId: "17",
-        itemName: "Item 1",
-        itemQuantity: 2,
-        itemPrice: 17.99,
-        itemSku: 8765309,
-      },
-      {
-        itemId: "18",
-        itemName: "Item 2",
-        itemQuantity: 40,
-        itemPrice: 17.99,
-        itemSku: 8715309,
-      },
-    ],
-  },
-  // },
-];
+// const sampleGetAll = [
+//   // allIds: ["1", "2", "3"],
+//   // byId: {
+//   {
+//     id: "1",
+//     orderId: "o1",
+//     status: RECEIVED,
+//     orderItems: [
+//       {
+//         itemId: "17",
+//         itemName: "Apple iPhone",
+//         itemQuantity: 4,
+//         itemPrice: 17.99,
+//         itemSku: 8765309,
+//       },
+//       {
+//         itemId: "Google Pixel",
+//         itemName: "Item 2",
+//         itemQuantity: 42,
+//         itemPrice: 17.99,
+//         itemSku: 8715309,
+//       },
+//     ],
+//   },
+//   {
+//     id: "2",
+//     orderId: "o2",
+//     status: RECEIVED,
+//     orderItems: [
+//       {
+//         itemId: "17",
+//         itemName: "Item 1",
+//         itemQuantity: 3,
+//         itemPrice: 17.99,
+//         itemSku: 8765309,
+//       },
+//       {
+//         itemId: "18",
+//         itemName: "Item 2",
+//         itemQuantity: 41,
+//         itemPrice: 17.99,
+//         itemSku: 8715309,
+//       },
+//     ],
+//   },
+//   {
+//     id: "3",
+//     orderId: "o3",
+//     status: RECEIVED,
+//     orderItems: [
+//       {
+//         itemId: "17",
+//         itemName: "Item 1",
+//         itemQuantity: 2,
+//         itemPrice: 17.99,
+//         itemSku: 8765309,
+//       },
+//       {
+//         itemId: "18",
+//         itemName: "Item 2",
+//         itemQuantity: 40,
+//         itemPrice: 17.99,
+//         itemSku: 8715309,
+//       },
+//     ],
+//   },
+//   // },
+// ];
 
-const sampleNew = {
-  id: "4",
-  orderId: "o4",
-  status: RECEIVED,
-};
+// const sampleNew = {
+//   id: "4",
+//   orderId: "o4",
+//   status: RECEIVED,
+// };
 
 // const getAllPromise = new Promise( (resolve, reject) => {
 //   resolve(sampleGetAll)
 // })
-const createNewPromise = new Promise( (resolve, reject) => {
-  resolve(sampleNew)
-})
+// const createNewPromise = new Promise( (resolve, reject) => {
+//   resolve(sampleNew)
+// })
 
 // export const getOrders = () => {
 //   return getAllPromise;
 // };
 
-export const createOrder = (order) => {
-  return createNewPromise;
+// export const createOrder = (order) => {
+//   return createNewPromise;
+// }
+export const getOrders =() => {
+  return axios.get(`http://localhost:8080/api/orders`);
 }
 
 export const editOrder = (order) => {
-  return new Promise( (resolve, reject) => {
-    resolve(order);
-  })
-}
-
-export const getOrders =() => {
-  return axios.get("http://localhost:8080/api/orders");
+  debugger;
+  return axios.put(`http://localhost:8080/api/orders/${order.id}`, order)
 }