/* * OpenBills - Self hosted browser app to generate and keep track of simple invoices * Version - 0 * Licensed under the MIT license - https://opensource.org/licenses/MIT * * Copyright (c) 2021 Vidhu Kant Sharma */ import React, { useState } from "react"; import "./../Form.scss"; const AddNewItemForm = (props) => { const [itemNameValue, setItemNameValue] = useState(""); const [itemDescValue, setItemDescValue] = useState(""); const [itemPriceValue, setItemPriceValue] = useState(0.00); const [itemDiscountValue, setItemDiscountValue] = useState(0.00); const [itemGSTValue, setItemGSTValue] = useState(props.defGSTValue); const [itemQtyValue, setItemQtyValue] = useState(1); const [itemHSNValue, setItemHSNValue] = useState(0); const enterItemNamePrompt = "start typing here"; const registerItemPrompt = "add new"; const emptyItemNames = [enterItemNamePrompt, registerItemPrompt, ""]; // set description and price if match found in DB const applyItemInfo = (i) => { setItemDescValue(i.Description); setItemPriceValue(i.Price); setItemHSNValue(i.HSN); setItemGSTValue(i.GST); } // check the item name value and do stuff accordingly const setItemInfo = (itemName) => { props.savedItems.some( (i) => { itemName === i.Model.toLowerCase() ? applyItemInfo(i) : itemName === registerItemPrompt && props.registerItemFormVisibility(true) return null; } ) } const resetAllValues = () => { setItemNameValue(""); setItemDescValue(""); setItemQtyValue(1); setItemPriceValue(1); setItemDiscountValue(0); setItemHSNValue(0); setItemGSTValue(props.defGSTValue); } return (
{ alert("submit") event.preventDefault(); const newInvoiceItem = { "Model": itemNameValue, "Description": itemDescValue, "Quantity": parseInt(itemQtyValue), "UnitPrice": parseFloat(itemPriceValue), "TotalPrice": parseFloat(itemPriceValue * itemQtyValue), "Discount": parseInt(itemDiscountValue), "HSN": parseInt(itemHSNValue), "GST": parseInt(itemGSTValue) }; props.addItem(newInvoiceItem); resetAllValues(); } }>
props.registerPersonFormVisibility(true)} /> props.registerItemFormVisibility(true)} />
) } export default AddNewItemForm;