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

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

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