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:04:21 -05:00
parent e58e2d539f
commit 4d4dcdf705
1 changed files with 55 additions and 57 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,70 +1,68 @@
import React from "react"; import React from "react";
import TicketSelect from "./TicketSelect"; import TicketSelect from "./TicketSelect";
import type { CreateTicketFormData } from "../../types/ticket"; import type { TicketFormData } from "../../types/ticket";
interface TicketRowProps { interface TicketRowProps {
form: CreateTicketFormData; form: TicketFormData;
updateField: (field: keyof CreateTicketFormData, value: string) => void; updateField: (field: keyof TicketFormData, value: string) => void;
} }
const TicketRow: React.FC<TicketRowProps> = ({ form, updateField }) => { const TicketRow: React.FC<TicketRowProps> = ({ form, updateField }) => {
return ( <div className="detail-group status-priority-row"> return (
<TicketSelect <div className="detail-group status-priority-row">
label="Status" <TicketSelect
field="status" label="Status"
value={form.status} field="status"
updateField={updateField} value={form.status}
options={[ updateField={updateField}
{ value: "Open", label: "Open" }, options={[
{ value: "Closed", label: "Closed" }, { value: "Open", label: "Open" },
]} { value: "Closed", label: "Closed" },
/> ]}
/>
``` <TicketSelect
<TicketSelect label="Priority"
label="Priority" field="priority"
field="priority" value={form.priority}
value={form.priority} updateField={updateField}
updateField={updateField} options={[
options={[ { value: "1", label: "P1 - Critical Impact" },
{ value: "1", label: "P1 - Critical Impact" }, { value: "2", label: "P2 - High Impact" },
{ value: "2", label: "P2 - High Impact" }, { value: "3", label: "P3 - Medium Impact" },
{ value: "3", label: "P3 - Medium Impact" }, { value: "4", label: "P4 - Low 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;