diff options
Diffstat (limited to 'src/components/Form/People/SelectClientForm.js')
-rw-r--r-- | src/components/Form/People/SelectClientForm.js | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/src/components/Form/People/SelectClientForm.js b/src/components/Form/People/SelectClientForm.js deleted file mode 100644 index 49aa4ed..0000000 --- a/src/components/Form/People/SelectClientForm.js +++ /dev/null @@ -1,62 +0,0 @@ -/* - * 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"; - -import ClientInfoDisplay from "../../Display/ClientInfoDisplay"; - -const SelectClientForm = (props) => { - const [selectedClient, setSelectedClient] = useState({}); - - const enterValuePrompt = "start typing here"; - const registerPrompt = "add new"; - - // TODO: make it use email if no address found, shorten the name too - // in short, make formatter flexible - const formatter = (i) => { - return `${i.Name} - ${i.Address.slice(0, 20).concat(i.Address.length < 20 ? "" : "")}`; - } - - // TODO: if no client found at least clear the display - // do this in other components too - // check the client name value and do stuff accordingly - const setClientInfo = (e) => - (props.savedPeople === null || e === registerPrompt) - ? alert("coming soon") // toggle registerPersonPrompt visibility - : props.savedPeople.some((i) => - e === formatter(i) && setSelectedClient(i)) - - return ( - <div className={"DocumentInfoChild"}> - <label> - Client Name: - <select - className={"selectInputBox"} - value={selectedClient.Name} - onChange={ - (event) => { - setClientInfo(event.target.value); - } - }> - <option key={enterValuePrompt}>{enterValuePrompt}</option> - - {props.savedPeople === null || props.savedPeople.map( - (i) => <option key={i.ID}>{formatter(i)}</option> - )} - - <option key={registerPrompt}>{registerPrompt}</option> - </select> - </label> - - <ClientInfoDisplay client={selectedClient}/> - </div> - ) -} - -export default SelectClientForm; |