Changes
Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
This commit is contained in:
co-authored by
renee-png
parent
c08ec1ff16
commit
23fbd0a2cf
@@ -349,22 +349,21 @@ export function LetterGenerator() {
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Case (optional)</Label>
|
||||
<Select
|
||||
<SearchableSelect
|
||||
value={caseId || "__none"}
|
||||
onValueChange={(v) => setCaseId(v === "__none" ? "" : v)}
|
||||
>
|
||||
<SelectTrigger>
|
||||
<SelectValue placeholder="Link to a case" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="__none">— No case —</SelectItem>
|
||||
{cases.map((c) => (
|
||||
<SelectItem key={c.id} value={c.id}>
|
||||
{c.case_number} — {c.title}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
placeholder="Link to a case"
|
||||
searchPlaceholder="Search cases…"
|
||||
emptyText="No cases found."
|
||||
options={[
|
||||
{ value: "__none", label: "— No case —" },
|
||||
...cases.map((c) => ({
|
||||
value: c.id,
|
||||
label: `${c.case_number} — ${c.title}`,
|
||||
keywords: `${c.case_number} ${c.title}`,
|
||||
})),
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>
|
||||
@@ -375,29 +374,25 @@ export function LetterGenerator() {
|
||||
</span>
|
||||
) : null}
|
||||
</Label>
|
||||
<Select value={recipientId} onValueChange={setRecipientId}>
|
||||
<SelectTrigger>
|
||||
<SelectValue placeholder="Select a contact" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{sortedContacts.linked.length > 0 && (
|
||||
<>
|
||||
{sortedContacts.linked.map((c) => (
|
||||
<SelectItem key={c.id} value={c.id}>
|
||||
★ {c.name}
|
||||
{c.company ? ` — ${c.company}` : ""}
|
||||
</SelectItem>
|
||||
))}
|
||||
</>
|
||||
)}
|
||||
{sortedContacts.others.map((c) => (
|
||||
<SelectItem key={c.id} value={c.id}>
|
||||
{c.name}
|
||||
{c.company ? ` — ${c.company}` : ""}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<SearchableSelect
|
||||
value={recipientId}
|
||||
onValueChange={setRecipientId}
|
||||
placeholder="Select a contact"
|
||||
searchPlaceholder="Search contacts…"
|
||||
emptyText="No contacts found."
|
||||
options={[
|
||||
...sortedContacts.linked.map((c) => ({
|
||||
value: c.id,
|
||||
label: `★ ${c.name}${c.company ? ` — ${c.company}` : ""}`,
|
||||
keywords: `${c.name} ${c.company ?? ""}`,
|
||||
})),
|
||||
...sortedContacts.others.map((c) => ({
|
||||
value: c.id,
|
||||
label: `${c.name}${c.company ? ` — ${c.company}` : ""}`,
|
||||
keywords: `${c.name} ${c.company ?? ""}`,
|
||||
})),
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user