LotusGuild/tinker_tickets
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Update tinker_tickets_react/src/Components/CreateTicket/TicketRow.tsx

Browse Source
This commit is contained in:
Jared Vititoe
2025-11-29 14:00:37 -05:00
parent 91e00f571c
commit 650002911e
1 changed files with 58 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
tinker_tickets_react/src/Components/CreateTicket/TicketRow.tsx
View File

@ -1,68 +1,70 @@
import React from "react"; import React from "react";
import TicketSelect from "./TicketSelect"; import TicketSelect from "./TicketSelect";
import type { TicketFormData } from "../../types/ticket"; import type { CreateTicketFormData } from "../../types/ticket";
interface TicketRowProps { interface TicketRowProps {
form: TicketFormData; form: CreateTicketFormData;
updateField: (field: keyof TicketFormData, value: string) => void; updateField: (field: keyof CreateTicketFormData, value: string) => void;
} }
const TicketRow: React.FC<TicketRowProps> = ({ form, updateField }) => { const TicketRow: React.FC<TicketRowProps> = ({ form, updateField }) => {
return ( return ( <div className="detail-group status-priority-row">
<div className="detail-group status-priority-row"> <TicketSelect
<TicketSelect label="Status"
label="Status" field="status"
field="status" value={form.status}
value={form.status} updateField={updateField}
updateField={updateField} options={[
options={[ { value: "Open", label: "Open" },
{ value: "Open", label: "Open" }, { value: "Closed", label: "Closed" },
{ value: "Closed", label: "Closed" }, ]}
]} />
/>
<TicketSelect ```
label="Priority" <TicketSelect
field="priority" label="Priority"
value={form.priority} field="priority"
updateField={updateField} value={form.priority}
options={[ updateField={updateField}
{ value: "1", label: "P1 - Critical Impact" }, options={[
{ value: "2", label: "P2 - High Impact" }, { value: "1", label: "P1 - Critical Impact" },
{ value: "3", label: "P3 - Medium Impact" }, { value: "2", label: "P2 - High Impact" },
{ value: "4", label: "P4 - Low Impact" }, { value: "3", label: "P3 - Medium Impact" },
]} { value: "4", label: "P4 - Low Impact" },
/> ]}
/>
<TicketSelect <TicketSelect
label="Category" label="Category"
field="category" field="category"
value={form.category} value={form.category}
updateField={updateField} updateField={updateField}
options={[ options={[
{ value: "Hardware", label: "Hardware" }, { value: "Hardware", label: "Hardware" },
{ value: "Software", label: "Software" }, { value: "Software", label: "Software" },
{ value: "Network", label: "Network" }, { value: "Network", label: "Network" },
{ value: "Security", label: "Security" }, { value: "Security", label: "Security" },
{ value: "General", label: "General" }, { value: "General", label: "General" },
]} ]}
/> />
<TicketSelect <TicketSelect
label="Type" label="Type"
field="type" field="type"
value={form.type} value={form.type}
updateField={updateField} updateField={updateField}
options={[ options={[
{ value: "Maintenance", label: "Maintenance" }, { value: "Maintenance", label: "Maintenance" },
{ value: "Install", label: "Install" }, { value: "Install", label: "Install" },
{ value: "Task", label: "Task" }, { value: "Task", label: "Task" },
{ value: "Upgrade", label: "Upgrade" }, { value: "Upgrade", label: "Upgrade" },
{ value: "Issue", label: "Issue" }, { value: "Issue", label: "Issue" },
]} ]}
/> />
</div> </div>
); ```
);
}; };
export default TicketRow; export default TicketRow;