In this PR: - Refactored components to clarify their behavior. For example, I renamed the `Workflow` component to `WorkflowVisualizer`. This moved forward the issue #7010. - Create two variants of several workflow-related components: one version for editing and another for viewing. For instance, there is `WorkflowDiagramCanvasEditable.tsx` and `WorkflowDiagramCanvasReadonly.tsx` - Implement the show page for workflow versions. On this page, we display a readonly workflow visualizer. Users can click on nodes and it will expand the right drawer. - I added buttons in the header of the RecordShowPage for workflow versions: users can activate, deactivate or use the currently viewed version as the next draft. **There are many cache desynchronisation and I'll fix them really soon.** ## Demo (Turn sound on) https://github.com/user-attachments/assets/97fafa48-8902-4dab-8b39-f40848bf041e
37 lines
981 B
TypeScript
37 lines
981 B
TypeScript
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
|
|
import { useFindOneRecord } from '@/object-record/hooks/useFindOneRecord';
|
|
import { Workflow, WorkflowVersion } from '@/workflow/types/Workflow';
|
|
|
|
export const useWorkflowVersion = (workflowVersionId: string) => {
|
|
const { record: workflowVersion } = useFindOneRecord<
|
|
WorkflowVersion & {
|
|
workflow: Omit<Workflow, 'versions'> & {
|
|
versions: Array<{ __typename: string }>;
|
|
};
|
|
}
|
|
>({
|
|
objectNameSingular: CoreObjectNameSingular.WorkflowVersion,
|
|
objectRecordId: workflowVersionId,
|
|
recordGqlFields: {
|
|
id: true,
|
|
name: true,
|
|
createdAt: true,
|
|
updatedAt: true,
|
|
workflowId: true,
|
|
trigger: true,
|
|
steps: true,
|
|
status: true,
|
|
workflow: {
|
|
id: true,
|
|
name: true,
|
|
statuses: true,
|
|
versions: {
|
|
totalCount: true,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
return workflowVersion;
|
|
};
|