allow negative input on controlled components

src/components/Inventory/Inventory.tsx

@@ -3,7 +3,7 @@ import ProductList from '../ProductList/ProductList';
 import ProductSearch from '../ProductSearch/ProductSearch';
 import Locations from '../Locations/Locations';
 import React from 'react';
-import { Product, Props } from '../../utils/types';
+import { Product } from '../../utils/types';
 
 interface InventoryProps {
   onLookup: (query:string) => void;

src/components/Locations/Locations.tsx

@@ -4,26 +4,28 @@ import { Product } from '../../utils/types';
 import './Locations.css';
 
 function Locations({onUpdate, location}:{onUpdate: Function, location: Product}) {
-  const [newQuantity, setNewQuantity] = useState<number>(0);
+  const [newQuantity, setNewQuantity] = useState<string>('');
+  const [formValue, setFormValue] = useState()
   const [inventoryError, setInventoryError] = useState(false);
 
   const {Core, Location, Quantity, Warehouse} = location;
 
   function handleQuantityChange(evt:React.FormEvent<HTMLInputElement>):void {
-    setNewQuantity(parseInt(evt.currentTarget.value));
+    setNewQuantity(evt.currentTarget.value);
   }
-  
+
   // Submit new value, but reject number less than inventory
   function handleQuantitySubmit(evt:React.SyntheticEvent) {
     evt.preventDefault();
-    if (Quantity + newQuantity >= 0) {
+
+    if (Quantity + parseInt(newQuantity) >= 0) {
       setInventoryError(false);
       onUpdate({
         quantity: newQuantity,
         core: Core,
         location: Location,
       });
-      setNewQuantity(0);
+      setNewQuantity('');
     }
      else setInventoryError(true);
   }

src/utils/types.ts

@@ -31,13 +31,3 @@ export interface Product {
   Notes: string;
 }
 
-export interface Props {
-  onLookup: Function;
-  lookupError?: boolean;
-  prodList?: Product[];
-  onCoreSearch: Function;
-  prodStats?: [];
-  isStocked?: boolean;
-  inventory?: Product[]
-  onUpdate?: Function;
-}