+
Company Name
+ {isEditing ? (
+
{
+ if (selectedCustomer) {
+ setSelectedCustomer({
+ ...selectedCustomer,
+ name: e.target.value,
+ });
+ }
+ }}
+ onBlur={() => {
+ // Save changes to dojo state
+ if (selectedCustomer) {
+ // Find the customer in the global state and update its name
+ const updatedCustomers = customers.map((cust) =>
+ cust.id === selectedCustomer.id ? selectedCustomer : cust
+ );
+ dojo.setState("customers", updatedCustomers, `Updated customer name to ${selectedCustomer.name}`);
+ }
+ setIsEditing(false);
+ }}
+ onKeyPress={(e) => {
+ if (e.key === 'Enter') {
+ e.currentTarget.blur(); // Trigger onBlur to save changes
+ }
+ }}
+ style={{ fontWeight: 'bold', fontSize: "15px", padding: '2px 5px', border: '1px solid #7C99B5' }}
+ />
+ ) : (
+
{show(selectedCustomer?.name, '—')}
+ )}
+
+
Main Phone
+
{show(selectedCustomer?.phone, '555-555-555')}
+
+
Full Name
+
{show(selectedCustomer?.ownerName, '—')}
+
+
Alt. Phone
+
{show(selectedCustomer?.altPhone, '555-555-555')}
+
+
Customer Type
+
{show(selectedCustomer?.type, 'Direct Mail')}
+
+
Fax
+
{show(selectedCustomer?.fax, '555-555-555')}
+
+
Terms
+
{show(selectedCustomer?.terms, 'Net 30')}
+
+
Main Email
+
{show(selectedCustomer?.email, '—')}
+
+
Bill To
+
+
+
+
+
Balance
+
{(selectedCustomer?.balance ?? 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
+
+
ID
+
{show(selectedCustomer?.id, '—')}
+