on workflow builder, only render steps if name and entity are set. reset workflow on entity reset.
This commit is contained in:
@@ -95,7 +95,10 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
|
|||||||
onWorkflowChange({ ...workflow, steps: renumberSteps(newOrder) });
|
onWorkflowChange({ ...workflow, steps: renumberSteps(newOrder) });
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<>
|
||||||
|
{workflow.entityId && workflow.name &&
|
||||||
<div className="flex flex-col gap-6">
|
<div className="flex flex-col gap-6">
|
||||||
<Button
|
<Button
|
||||||
color="purple"
|
color="purple"
|
||||||
@@ -114,7 +117,6 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
|
|||||||
onReorder={handleReorder}
|
onReorder={handleReorder}
|
||||||
className="flex flex-col gap-0"
|
className="flex flex-col gap-0"
|
||||||
>
|
>
|
||||||
|
|
||||||
<AnimatePresence>
|
<AnimatePresence>
|
||||||
{workflow.steps.map((step, index) => (
|
{workflow.steps.map((step, index) => (
|
||||||
<Reorder.Item
|
<Reorder.Item
|
||||||
@@ -128,6 +130,7 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
|
|||||||
layout
|
layout
|
||||||
drag={!(step.firstStep || step.finalStep)}
|
drag={!(step.firstStep || step.finalStep)}
|
||||||
>
|
>
|
||||||
|
|
||||||
<WorkflowEditableStepComponent
|
<WorkflowEditableStepComponent
|
||||||
stepNumber={index + 1}
|
stepNumber={index + 1}
|
||||||
assignees={step.assignees}
|
assignees={step.assignees}
|
||||||
@@ -137,6 +140,7 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
|
|||||||
entityTeachers={entityTeachers}
|
entityTeachers={entityTeachers}
|
||||||
entityCorporates={entityCorporates}
|
entityCorporates={entityCorporates}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{step.finalStep &&
|
{step.finalStep &&
|
||||||
<Button
|
<Button
|
||||||
type="submit"
|
type="submit"
|
||||||
@@ -150,11 +154,10 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
|
|||||||
}
|
}
|
||||||
</Reorder.Item>
|
</Reorder.Item>
|
||||||
))}
|
))}
|
||||||
|
|
||||||
</AnimatePresence>
|
</AnimatePresence>
|
||||||
</Reorder.Group>
|
</Reorder.Group>
|
||||||
</div>
|
</div>
|
||||||
|
}
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -51,7 +51,7 @@ interface Props {
|
|||||||
export default function Home({ user, userEntitiesWithLabel, userEntitiesTeachers, userEntitiesCorporates }: Props) {
|
export default function Home({ user, userEntitiesWithLabel, userEntitiesTeachers, userEntitiesCorporates }: Props) {
|
||||||
const [workflows, setWorkflows] = useState<ApprovalWorkflow[]>([]);
|
const [workflows, setWorkflows] = useState<ApprovalWorkflow[]>([]);
|
||||||
const [selectedWorkflowId, setSelectedWorkflowId] = useState<string | undefined>(undefined);
|
const [selectedWorkflowId, setSelectedWorkflowId] = useState<string | undefined>(undefined);
|
||||||
const [entityId, setEntityId] = useState<string | undefined>(undefined);
|
const [entityId, setEntityId] = useState<string | null | undefined>(null);
|
||||||
const [entityTeachers, setEntityTeachers] = useState<TeacherUser[]>([]);
|
const [entityTeachers, setEntityTeachers] = useState<TeacherUser[]>([]);
|
||||||
const [entityCorporates, setEntityCorporates] = useState<CorporateUser[]>([]);
|
const [entityCorporates, setEntityCorporates] = useState<CorporateUser[]>([]);
|
||||||
|
|
||||||
@@ -122,6 +122,11 @@ export default function Home({ user, userEntitiesWithLabel, userEntitiesTeachers
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleResetWorkflow = (id: string) => {
|
||||||
|
setWorkflows(prev => prev.filter(wf => wf.id !== id));
|
||||||
|
handleAddNewWorkflow();
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Head>
|
<Head>
|
||||||
@@ -201,6 +206,11 @@ export default function Home({ user, userEntitiesWithLabel, userEntitiesTeachers
|
|||||||
/>
|
/>
|
||||||
<Select
|
<Select
|
||||||
options={ENTITY_OPTIONS}
|
options={ENTITY_OPTIONS}
|
||||||
|
value={
|
||||||
|
currentWorkflow.entityId === ""
|
||||||
|
? null
|
||||||
|
: ENTITY_OPTIONS.find(option => option.value === currentWorkflow.entityId)
|
||||||
|
}
|
||||||
onChange={(selectedEntity) => {
|
onChange={(selectedEntity) => {
|
||||||
if (selectedEntity?.value) {
|
if (selectedEntity?.value) {
|
||||||
setEntityId(selectedEntity.value);
|
setEntityId(selectedEntity.value);
|
||||||
@@ -209,6 +219,9 @@ export default function Home({ user, userEntitiesWithLabel, userEntitiesTeachers
|
|||||||
entityId: selectedEntity.value,
|
entityId: selectedEntity.value,
|
||||||
};
|
};
|
||||||
onWorkflowChange(updatedWorkflow);
|
onWorkflowChange(updatedWorkflow);
|
||||||
|
} else if (selectedEntity === null) {
|
||||||
|
if (!confirm("Clearing entity will reset this workflow. Are you sure you want to proceed?")) return;
|
||||||
|
handleResetWorkflow(currentWorkflow.id);
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
isClearable
|
isClearable
|
||||||
|
|||||||
Reference in New Issue
Block a user