Merge pull request #21 from oslabs-beta/client

implementing createItem functionality

Author: seantokuzo

examples_new/microservices/client/src/context/actions.ts

@@ -3,4 +3,5 @@ export enum ActionType {
   STOP_LOADING = 'STOP_LOADING',
   LOGIN_USER = 'LOGIN_USER',
   LOGOUT_USER = 'LOGOUT_USER',
+  RETRIEVED_ITEMS = 'RETRIEVED_ITEMS',
 }

examples_new/microservices/client/src/context/appContext.tsx

@@ -2,41 +2,38 @@ import { createContext, useReducer, useContext, useEffect } from 'react';
 import { ActionType } from './actions';
 import reducer from './reducer';
 import { customFetch } from '../util/customFetch';
+import { Fruit } from '../util/types';
 
 const authFetch = customFetch(3000);
-// const itemFetch = customFetch(3001);
-// const inventoryFetch = customFetch(3002);
+const itemFetch = customFetch(3001);
+const inventoryFetch = customFetch(3002);
 // const orderFetch = customFetch(3003);
 
-interface Item {
+export interface ItemInterface {
   id: string;
-  seller: string;
   name: string;
-  unitPrice: number;
-  unitsAvailable: number;
+  units: number;
 }
 
 export interface StateInterface {
   isLoading: boolean;
   user: string;
-  myItems: Item[];
-  itemsForPurchase: Item[];
+  items: ItemInterface[];
 }
 
 const initialState: StateInterface = {
   isLoading: false,
   user: '',
-  myItems: [],
-  itemsForPurchase: [],
+  items: [],
 };
 
 interface AppContextInterface extends StateInterface {
   startLoading: () => void;
   stopLoading: () => void;
   loginUser: (username: string, password: string) => void;
   logoutUser: () => void;
-  getItemsForSale: () => void;
-  getMyStoreItems: () => void;
+  createItem: (fruit: Fruit) => void;
+  adjustInventory: () => void;
 }
 
 const AppContext = createContext<AppContextInterface>({
@@ -45,8 +42,8 @@ const AppContext = createContext<AppContextInterface>({
   stopLoading: () => null,
   loginUser: () => null,
   logoutUser: () => null,
-  getItemsForSale: () => null,
-  getMyStoreItems: () => null,
+  createItem: () => null,
+  adjustInventory: () => null,
 });
 
 type Props = {
@@ -109,14 +106,28 @@ const AppContextProvider = ({ children }: Props) => {
     stopLoading();
   };
 
-  // TODO
-  const getItemsForSale = () => {
-    console.log('getItemsForSale');
+  const createItem = async (fruit: Fruit) => {
+    if (fruit !== 'bananas' && fruit !== 'strawberries' && fruit !== 'grapes') return;
+
+    try {
+      startLoading();
+      const response = await itemFetch.post('/items/createItem', {
+        itemName: fruit,
+      });
+      console.log(response.data);
+
+      setTimeout(async () => {
+        const allItemsResponse = await inventoryFetch('/inventory/getAllItems');
+        dispatch({ type: ActionType.RETRIEVED_ITEMS, payload: { items: allItemsResponse.data } });
+      }, 1500);
+    } catch (err) {
+      console.log(err);
+    }
+    stopLoading();
   };
 
-  // TODO
-  const getMyStoreItems = () => {
-    console.log('getMyStoreItems');
+  const adjustInventory = () => {
+    console.log('💥 Adjust Inventory');
   };
 
   return (
@@ -127,8 +138,8 @@ const AppContextProvider = ({ children }: Props) => {
         stopLoading,
         loginUser,
         logoutUser,
-        getItemsForSale,
-        getMyStoreItems,
+        createItem,
+        adjustInventory,
       }}
     >
       {children} {/* <App /> */}

examples_new/microservices/client/src/context/reducer.ts

@@ -1,5 +1,5 @@
 import { ActionType } from './actions';
-import { StateInterface } from './appContext';
+import { StateInterface, ItemInterface } from './appContext';
 
 type Action =
   | {
@@ -14,6 +14,12 @@ type Action =
     }
   | {
       type: ActionType.LOGOUT_USER;
+    }
+  | {
+      type: ActionType.RETRIEVED_ITEMS;
+      payload: {
+        items: ItemInterface[];
+      };
     };
 
 const reducer = (state: StateInterface, action: Action) => {
@@ -40,6 +46,12 @@ const reducer = (state: StateInterface, action: Action) => {
         user: '',
         isLoading: false,
       };
+    case ActionType.RETRIEVED_ITEMS:
+      return {
+        ...state,
+        items: action.payload.items,
+        isLoading: false,
+      };
     default:
       return state;
   }

examples_new/microservices/client/src/pages/Home.tsx

@@ -1,7 +1,6 @@
 import { FormEvent, useState } from 'react';
 import { GiGrapes, GiBananaBunch, GiStrawberry } from 'react-icons/gi';
-
-type Fruit = 'bananas' | 'strawberries' | 'grapes';
+import { Fruit } from '../util/types';
 
 const Home = () => {
   const [fruit, setFruit] = useState<Fruit>('bananas');

examples_new/microservices/client/src/util/types.ts

@@ -0,0 +1 @@
+export type Fruit = 'bananas' | 'strawberries' | 'grapes';