convert item form inputs to new InputBox component

This commit is contained in:
np.w
2021-03-02 16:56:51 -06:00
parent 5ba1f78155
commit ebb73877ca
+4 -9
View File
@@ -402,15 +402,10 @@ function App() {
<h1>Edit Item</h1>
<fieldset>
<input id="id" name="id" value={itemID} readOnly hidden></input>
<label htmlFor="item-name">name
<input autoFocus onChange={itemHandler.handleName} value={itemName} id="item-name" name="name" type="text"></input>
</label>
<label htmlFor="item-description">description
<input onChange={itemHandler.handleDescription} value={itemDescription} id="item-description" name="description" type="text"></input>
</label>
<label htmlFor="item-quantity">quantity
<input onChange={itemHandler.handleQuantity} value={itemQuantity} id="item-quantity" name="quantity" type="text"></input>
</label>
<InputBox id="id" name="id" value={itemID} readOnly={true} hidden={true} />
<InputBox id='item-name' label='name' onChange={itemHandler.handleName} value={itemName} name='name' type='text' />
<InputBox id='item-description' label='description' onChange={itemHandler.handleDescription} value={itemDescription} name='description' type='text' />
<InputBox id='item-quantity' label='quantity' onChange={itemHandler.handleQuantity} value={itemQuantity} name='quantity' type='text' />
</fieldset>
</form>
const itemView = <div>