blob: 61932330d3020396934a691d93b17e8a92285f78 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
/*
* 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 { Person } from "./../../../interfaces";
import "./../Form.scss";
import SelectClientForm from "./../People/SelectClientForm";
interface Props {
savedPeople: Person[]
invoiceNumber: number
setInvoiceNumber: any
}
const DocumentInfoForm: React.FC<Props> = (props) => {
const [invoiceNumber, setInvoiceNumber] = useState<number>(props.invoiceNumber);
return (
<div className={"DocumentInfoForm"}>
<SelectClientForm
savedPeople={props.savedPeople}
/>
<div className={"documentInfoChild"}>
<label>
Invoice Number:
<input className={"smallInputBox"} type="number" step="0.0" value={invoiceNumber} onInput={
(event: React.FormEvent<HTMLInputElement>) => setInvoiceNumber(parseInt(event.currentTarget.value))
} required />
</label>
<label>
Invoice Date: <span>wtf do i do</span>
</label>
</div>
<div className={"documentInfoChild"}>
</div>
</div>
);
}
export default DocumentInfoForm;
|
