diff options
author | Vidhu Kant Sharma <vidhukant@vidhukant.xyz> | 2022-10-16 20:46:57 +0530 |
---|---|---|
committer | Vidhu Kant Sharma <vidhukant@vidhukant.xyz> | 2022-10-16 20:46:57 +0530 |
commit | e9a121ab7b924f189959a936743fcf70cb99f7ae (patch) | |
tree | b0632461948a599980a1e1006bb90a9a22e05a7e /src/components/editors/invoice-headers-editor.js | |
parent | b1b874ba771d8dc78d6b17c320ca9993b25d93a1 (diff) |
added 'Invoice Headers' component (incomplete)
Diffstat (limited to 'src/components/editors/invoice-headers-editor.js')
-rw-r--r-- | src/components/editors/invoice-headers-editor.js | 76 |
1 files changed, 69 insertions, 7 deletions
diff --git a/src/components/editors/invoice-headers-editor.js b/src/components/editors/invoice-headers-editor.js index f71b319..4ab2dcc 100644 --- a/src/components/editors/invoice-headers-editor.js +++ b/src/components/editors/invoice-headers-editor.js @@ -15,25 +15,87 @@ * along with this program. If not, see <https://www.gnu.org/licenses/>. */ -import './scss/item-editor.scss'; +import './scss/invoice-headers.scss'; import { useState, useEffect } from 'react'; -const InvoiceHeadersEditor = ({roundOff, setRoundOff}) => { +const InvoiceHeadersEditor = ({roundOff, setRoundOff, transport, setTransport, transporter, setTransporter}) => { + const handleTransportInput = e => { + const { name, value } = e.target; + setTransport(prev => ({ + ...prev, + [name]: value + })); + } + + const handleTransporterInput = e => { + const { name, value } = e.target; + setTransporter(prev => ({ + ...prev, + [name]: value + })); + } return ( - <> + <div className={"invoice-headers-editor"}> <h1>Invoice Options:</h1> - <form onSubmit={(e) => e.preventDefault()}> - <label> + <div> + <label className={"checkbox-label"}> <input type="checkbox" onChange={() => setRoundOff(prev => !prev)} checked={roundOff}/> Round off the Total </label> - </form> - </> + + <label> + Apply Discount On All Items: + <input + className={"small"} + type="number" + min="0" + max="100" + step="0.1" /> + </label> + + <p><strong>Transport Details</strong></p> + + <label> + Vehicle Number: + <input + type="text"/> + </label> + + <label> + Transport Method: + <input + type="text"/> + </label> + + <label> + Transporter Name: + <input + type="text"/> + </label> + + <label> + Transporter GSTIN: + <input + type="text"/> + </label> + + <label> + Transporter ID: + <input + type="text"/> + </label> + + <label> + Note: + <textarea /> + </label> + </div> + </div> ) } |