+1
-8
@@ -5,14 +5,9 @@ import { WorkflowDiagramEffect } from '@/workflow/workflow-diagram/components/Wo
|
||||
import { WorkflowSSESubscribeEffect } from '@/workflow/workflow-diagram/components/WorkflowSSESubscribeEffect';
|
||||
import { WorkflowVisualizerEffect } from '@/workflow/workflow-diagram/components/WorkflowVisualizerEffect';
|
||||
import { WorkflowVisualizerComponentInstanceContext } from '@/workflow/workflow-diagram/states/contexts/WorkflowVisualizerComponentInstanceContext';
|
||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
||||
import { FeatureFlagKey } from '~/generated-metadata/graphql';
|
||||
|
||||
export const WorkflowCard = () => {
|
||||
const targetRecord = useTargetRecord();
|
||||
const isSseDbEventsEnabled = useIsFeatureEnabled(
|
||||
FeatureFlagKey.IS_SSE_DB_EVENTS_ENABLED,
|
||||
);
|
||||
|
||||
return (
|
||||
<WorkflowVisualizerComponentInstanceContext.Provider
|
||||
@@ -23,9 +18,7 @@ export const WorkflowCard = () => {
|
||||
}}
|
||||
>
|
||||
<WorkflowVisualizerEffect workflowId={targetRecord.id} />
|
||||
{isSseDbEventsEnabled && (
|
||||
<WorkflowSSESubscribeEffect workflowId={targetRecord.id} />
|
||||
)}
|
||||
<WorkflowSSESubscribeEffect workflowId={targetRecord.id} />
|
||||
<WorkflowDiagramEffect />
|
||||
<WorkflowDiagramCanvasEditable />
|
||||
</WorkflowVisualizerComponentInstanceContext.Provider>
|
||||
|
||||
+1
-16
@@ -1,6 +1,4 @@
|
||||
import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader';
|
||||
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
|
||||
import { ListenRecordUpdatesEffect } from '@/sse-db-event/components/ListenRecordUpdatesEffect';
|
||||
import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord';
|
||||
import { getWorkflowVisualizerComponentInstanceId } from '@/workflow/utils/getWorkflowVisualizerComponentInstanceId';
|
||||
import { WorkflowRunSSESubscribeEffect } from '@/workflow/workflow-diagram/components/WorkflowRunSSESubscribeEffect';
|
||||
@@ -8,12 +6,10 @@ import { WorkflowRunVisualizer } from '@/workflow/workflow-diagram/components/Wo
|
||||
import { WorkflowRunVisualizerEffect } from '@/workflow/workflow-diagram/components/WorkflowRunVisualizerEffect';
|
||||
import { WorkflowRunVisualizerComponentInstanceContext } from '@/workflow/workflow-diagram/states/contexts/WorkflowRunVisualizerComponentInstanceContext';
|
||||
import { WorkflowVisualizerComponentInstanceContext } from '@/workflow/workflow-diagram/states/contexts/WorkflowVisualizerComponentInstanceContext';
|
||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
||||
import { useTheme } from '@emotion/react';
|
||||
import styled from '@emotion/styled';
|
||||
import { Suspense, useId } from 'react';
|
||||
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
|
||||
import { FeatureFlagKey } from '~/generated-metadata/graphql';
|
||||
|
||||
const StyledLoadingSkeletonContainer = styled.div`
|
||||
display: flex;
|
||||
@@ -45,9 +41,6 @@ const LoadingSkeleton = () => {
|
||||
export const WorkflowRunCard = () => {
|
||||
const targetRecord = useTargetRecord();
|
||||
const componentId = useId();
|
||||
const isSseDbEventsEnabled = useIsFeatureEnabled(
|
||||
FeatureFlagKey.IS_SSE_DB_EVENTS_ENABLED,
|
||||
);
|
||||
|
||||
return (
|
||||
<WorkflowVisualizerComponentInstanceContext.Provider
|
||||
@@ -63,15 +56,7 @@ export const WorkflowRunCard = () => {
|
||||
}}
|
||||
>
|
||||
<WorkflowRunVisualizerEffect workflowRunId={targetRecord.id} />
|
||||
{isSseDbEventsEnabled ? (
|
||||
<WorkflowRunSSESubscribeEffect workflowRunId={targetRecord.id} />
|
||||
) : (
|
||||
<ListenRecordUpdatesEffect
|
||||
objectNameSingular={CoreObjectNameSingular.WorkflowRun}
|
||||
recordId={targetRecord.id}
|
||||
listenedFields={['status', 'state']}
|
||||
/>
|
||||
)}
|
||||
<WorkflowRunSSESubscribeEffect workflowRunId={targetRecord.id} />
|
||||
<Suspense fallback={<LoadingSkeleton />}>
|
||||
<WorkflowRunVisualizer workflowRunId={targetRecord.id} />
|
||||
</Suspense>
|
||||
|
||||
Reference in New Issue
Block a user