diff --git a/src/app/(protected)/workorders/index.tsx b/src/app/(protected)/workorders/index.tsx index d3ead5c3..5455bbe0 100644 --- a/src/app/(protected)/workorders/index.tsx +++ b/src/app/(protected)/workorders/index.tsx @@ -8,6 +8,7 @@ import { WorkOrdersAdvancedFiltersBanner } from "@/app/(protected)/workorders/_c import { WorkOrdersFilterBar } from "@/app/(protected)/workorders/_components/list/filter-bar/work-orders-filter-bar"; import { WorkOrdersListHeader } from "@/app/(protected)/workorders/_components/list/work-orders-list-header"; import { WoTable } from "@/app/(protected)/workorders/_components/list/table/wo-table"; +import { NewWoWizard } from "@/app/(protected)/workorders/_components/wizard/new-wo-wizard"; import { useWorkOrdersListFilters } from "@/app/(protected)/workorders/_hooks/use-work-orders-list-filters"; import { useWorkOrdersTableData } from "@/app/(protected)/workorders/_hooks/use-work-orders-table-data"; import { useDropdownOptionsByCategory } from "@/domain/settings/dropdown-options/use-cases/use-dropdown-options-by-category"; @@ -26,6 +27,7 @@ import { useAuthContext } from "@/providers/auth-context"; export default function WorkOrdersListPage() { const navigate = useNavigate(); const { user } = useAuthContext(); + const [wizardOpen, setWizardOpen] = useState(false); const [mediaRow, setMediaRow] = useState(null); const [mediaFiles, setMediaFiles] = useState>({}); const filters = useWorkOrdersListFilters(user?.id); @@ -69,6 +71,7 @@ export default function WorkOrdersListPage() { search={filters.search} onSearchChange={filters.handleSearchChange} onOpenAdvancedFilters={() => filters.setAdvOpen(true)} + onNewWorkOrder={() => setWizardOpen(true)} activeFilterCount={filters.activeFilterCount} isFetching={tableData.isFetching && !tableData.isLoading} /> @@ -126,6 +129,8 @@ export default function WorkOrdersListPage() { vendorTechs={vendorTechs} /> + + {activeMediaRow && (