3.8 KiB
Reference: Referrals View (= Contact)
Extracted from goal.md — Referrals View section. Contact information presented as a clinical referral form.
Overview
Contact information presented as a clinical referral form — the mechanism for "referring" a patient (Andy) to another service.
Referral Form Layout
+--[ New Referral ]-------------------------------------------------------+
| |
| Referring to: CHARLWOOD, Andrew (Mr) |
| NHS Number: 221 181 0 |
| |
| Priority: ( ) Urgent (*) Routine ( ) Two-Week Wait |
| |
| Referrer Name: [________________________] |
| Referrer Email: [________________________] |
| Referrer Org: [________________________] (optional) |
| |
| Reason for Referral: |
| [ ] |
| [ ] |
| [ ] |
| |
| Contact Method: ( ) Email ( ) Phone ( ) LinkedIn |
| |
| [ Cancel ] [ Send Referral ] |
+-------------------------------------------------------------------------+
Priority Toggle (tongue-in-cheek)
Three radio options styled like clinical referral priorities:
- Urgent: Red label, red dot. Selectable but the tooltip reads "All enquiries are welcome, urgent or not."
- Routine: Blue label, blue dot. Default selected.
- Two-Week Wait: Amber label. Tooltip: "NHS cancer referral pathway - this isn't that, but the spirit of promptness applies."
This is the design's main moment of humor. The priority options are visually authentic to clinical referral forms, and the tongue-in-cheek tooltips reward exploration without undermining the professional tone.
Form Fields
Standard clinical form inputs: 1px solid #D1D5DB border, 4px radius, 8px 12px padding. Labels in Inter 500, 13px, gray-600, positioned above inputs. Focus state: border changes to NHS blue, subtle blue glow (box-shadow: 0 0 0 3px rgba(0, 94, 184, 0.15)).
Submit Button
"Send Referral" in NHS blue (#005EB8), white text, full width of the right half of the form. On hover: darkens to #004494. On click: brief loading state (spinner icon), then a success message:
Checkmark Referral sent successfully
Reference: REF-2026-0210-001
Expected response time: 24-48 hours
The reference number is generated from the current date. The success state mimics the confirmation screen shown after submitting a clinical referral in EMIS.
Alternative Contact Methods (below the form)
+--[ Direct Contact ]-----------------------------------------------------+
| Email: andy@charlwood.xyz [Send Email ->] |
| Phone: 07795553088 [Call ->] |
| LinkedIn: linkedin.com/in/andycharlwood [View Profile ->] |
| Location: Norwich, UK |
+-------------------------------------------------------------------------+
Styled as a simple key-value table, same format as the Patient Demographics card in Summary view.