Function renderRow

frontend/src/components/DynamicComponents.jsx:409–446

(row, rowIndex)

  };

  const renderRow = (row, rowIndex) => {
    if (!Array.isArray(row)) {
      console.warn(`[DynamicComponents] Invalid row at index ${rowIndex}`);
      return null;
    }

    return (
      <div key={`row-${rowIndex}`} className="dynamiccomponent-row">
        {row.map((component, index) => {
          if (!component) return null;

          const componentKey = component.id || `component-${index}`;
          const isSeparator = component.type === 'separator';

          return (
            <React.Fragment key={componentKey}>
              <div
                className={cn(isSeparator ? 'w-full' : 'dynamiccomponent-component')}
                style={!isSeparator ? { flex: component.flex || 1 } : undefined}
              >
                <ErrorBoundary>
                  <MemoizedComponent
                    component={component}
                    index={index}
                    handleUpdate={handleUpdate}
                    extractKeyProps={extractKeyProps}
                  />
                </ErrorBoundary>
              </div>
              {index < row.length - 1 && !isSeparator && (
                <div className="dynamiccomponent-separator" />
              )}
            </React.Fragment>
          );
        })}
      </div>
    );
  };

  return (
    <div className="dynamiccomponent-container">