export function Assertion()

in src/components/Assertion/Assertion.tsx [65:95]

• 29 lines of code
• 3 McCabe index (conditional complexity)

export function Assertion({
  actionContext,
  actionIndex,
  close,
  saveAssertion,
  stepIndex,
}: IAssertion) {
  const { action } = actionContext;

  const [command, setCommand] = useState(action.command || '');
  const [selector, setSelector] = useState(action.selector);
  const [value, setValue] = useState(action.value || '');

  return (
    <>
      <EuiFlexGroup alignItems="center" gutterSize="s">
        <EuiFlexItem grow={false}>
          <EuiFlexGroup alignItems="center" gutterSize="s">
            <EuiFlexItem grow={false}>
              <h4>Add assertion</h4>
            </EuiFlexItem>
            <EuiFlexItem grow={false}>
              <AssertionInfo />
            </EuiFlexItem>
          </EuiFlexGroup>
        </EuiFlexItem>
      </EuiFlexGroup>
      <EuiSpacer />
      <EuiFlexGroup direction="column">
        <EuiFlexItem>
          <AssertionSelect onChange={e => setCommand(e.target.value)} value={command} />