krao/fourge-portal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: lock company/email fields on sent/paid invoices

Browse Source 
Company dropdown and Email To input only editable on draft invoices.
Sent and paid invoices show read-only text values instead.
Applied to both popup (embedded) and standalone page views.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Krao Hasanee
2026-06-08 14:03:58 -04:00
parent 0945b548c1
commit e8513125b9
1 changed files with 20 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/team/TeamInvoiceDetail.jsx
+20 -23
View File
@@ -400,13 +400,19 @@ export function TeamInvoiceDetailPanel({
</div>
<div>
<div style={F}>Company</div>
<select className="input" style={{ margin: 0 }} value={invoice.company_id || ''} onChange={e => handleCompanyChange(e.target.value)} disabled={saving}>
{companies.map(co => <option key={co.id} value={co.id}>{co.name}</option>)}
</select>
{invoice.status === 'draft'
? <select className="input" style={{ margin: 0 }} value={invoice.company_id || ''} onChange={e => handleCompanyChange(e.target.value)} disabled={saving}>
{companies.map(co => <option key={co.id} value={co.id}>{co.name}</option>)}
</select>
: <div style={{ fontSize: 13, color: 'var(--text-primary)' }}>{company?.name || '—'}</div>
}
</div>
<div>
<div style={F}>Email To</div>
<input type="email" className="input" style={{ margin: 0 }} value={emailRecipient} onChange={e => setEmailRecipient(e.target.value)} onBlur={handleEmailBlur} placeholder="client@example.com" disabled={saving} />
{invoice.status === 'draft'
? <input type="email" className="input" style={{ margin: 0 }} value={emailRecipient} onChange={e => setEmailRecipient(e.target.value)} onBlur={handleEmailBlur} placeholder="client@example.com" disabled={saving} />
: <div style={{ fontSize: 13, color: 'var(--text-primary)' }}>{invoice.invoice_email || emailRecipient || '—'}</div>
}
</div>
<div>
<div style={F}>Total</div>
@@ -516,28 +522,19 @@ export function TeamInvoiceDetailPanel({
<div className="detail-item"><label>Terms</label><p>Net 30</p></div>
<div className="detail-item">
<label>Company</label>
<select
className="input"
style={{ margin: 0 }}
value={invoice.company_id || ''}
onChange={e => handleCompanyChange(e.target.value)}
disabled={saving}
>
{companies.map(co => <option key={co.id} value={co.id}>{co.name}</option>)}
</select>
{invoice.status === 'draft'
? <select className="input" style={{ margin: 0 }} value={invoice.company_id || ''} onChange={e => handleCompanyChange(e.target.value)} disabled={saving}>
{companies.map(co => <option key={co.id} value={co.id}>{co.name}</option>)}
</select>
: <p>{company?.name || '—'}</p>
}
</div>
<div className="detail-item">
<label>Email To</label>
<input
type="email"
className="input"
style={{ margin: 0 }}
value={emailRecipient}
onChange={e => setEmailRecipient(e.target.value)}
onBlur={handleEmailBlur}
placeholder="client@example.com"
disabled={saving}
/>
{invoice.status === 'draft'
? <input type="email" className="input" style={{ margin: 0 }} value={emailRecipient} onChange={e => setEmailRecipient(e.target.value)} onBlur={handleEmailBlur} placeholder="client@example.com" disabled={saving} />
: <p>{invoice.invoice_email || emailRecipient || '—'}</p>
}
</div>
<div className="detail-item"><label>Total</label><p style={{ fontSize: 18, fontWeight: 400, color: 'var(--accent)' }}>${Number(invoice.total).toFixed(2)}</p></div>
{invoice.paid_at && (