ui-nyla/src/pages/views/automation2/Automation2Page.tsx
2026-03-22 16:40:42 +01:00

38 lines
1.1 KiB
TypeScript

/**
* Automation2Page
*
* n8n-style flow builder with backend-driven node list.
*/
import React from 'react';
import { useSearchParams } from 'react-router-dom';
import { useInstanceId } from '../../../hooks/useCurrentInstance';
import { useLanguage } from '../../../providers/language/LanguageContext';
import { Automation2FlowEditor } from '../../../components/Automation2FlowEditor';
import styles from '../../FeatureView.module.css';
export const Automation2Page: React.FC = () => {
const instanceId = useInstanceId();
const [searchParams] = useSearchParams();
const workflowId = searchParams.get('workflowId');
const { currentLanguage } = useLanguage();
const language = (currentLanguage?.slice(0, 2) || 'de') as string;
if (!instanceId) {
return (
<div className={styles.placeholder}>
<h2>Automation 2</h2>
<p>Keine Feature-Instanz gefunden.</p>
</div>
);
}
return (
<div style={{ flex: 1, minHeight: 0, display: 'flex' }}>
<Automation2FlowEditor
instanceId={instanceId}
language={language}
initialWorkflowId={workflowId}
/>
</div>
);
};