{"size": 1794, "ext": "js", "max_stars_repo_path": "src/invoice/AddMoreInvoice.js", "max_stars_repo_name": "groundzero-learnings/accounting", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/invoice/AddMoreInvoice.js", "max_issues_repo_name": "groundzero-learnings/accounting", "max_issues_repo_issues_event_min_datetime": "2020-10-05T04:07:18.000Z", "max_issues_repo_issues_event_max_datetime": "2020-10-05T04:15:38.000Z", "max_forks_repo_path": "src/invoice/AddMoreInvoice.js", "max_forks_repo_name": "groundzero-learnings/accounting", "max_forks_repo_forks_event_min_datetime": "2020-10-06T06:02:13.000Z", "max_forks_repo_forks_event_max_datetime": "2020-10-06T06:02:13.000Z"}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": 1, "avg_line_length": 51.2571428571, "max_line_length": 147, "alphanum_fraction": 0.4397993311}
import React from 'react';
function AddMoreInvoice(props){
    return(
              <div className="row">
                <div className="form-group col-sm-3">
                    <label for="">Item Name</label>
                    <input className="form-control" type="text" value={props.item.itemName} onChange={(e)=>{
                        props.onChangeHandler(e, props.ind, "name")
                    }} />                    
                </div>   
                <div className="form-group col-sm-2">
                    <label for="">Quantity</label>
                    <input className="form-control" type="text" value={props.item.itemsQuantity}  onChange={(e)=>{
                        props.onChangeHandler(e, props.ind, "Quan")
                    }}/>                    
                </div>
                <div className="form-group col-sm-3">
                    <label for="">Rate</label>
                    <input className="form-control" type="text" value={props.item.itemRate} onChange={(e)=>{
                        props.onChangeHandler(e, props.ind, "Rate")
                    }} />                    
                </div>
                <div className="form-group col-sm-3">
                    <label for="" >Amount</label>
                    <input className="form-control" type="text" value={props.item.itemsQuantity * props.item.itemRate }  />                    
                </div>
                <div className="form-group col-sm-1">
                <label for="" >Delete</label>
                    <div className="btn btn-danger" onClick={(e)=>{props.del(props.ind)}}><i class="fas fa-trash-alt"></i></div>                   
                </div>
                </div>              
           
    )
}
export default AddMoreInvoice;