Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
// State Props
const mapStateToProps = state => ({
userInfo: UserSelectors.getUserInfo(state)
});
// Dispatch Props
const mapDispatchToProps = dispatch => ({
onGetUserInfo: () => dispatch(UserActions.getUserInfo())
});
// Styles
const contentStyle = {
flex: 1,
overflow: 'hidden',
backgroundColor: Colors.neutralLighterAlt
};
export default withRouter(
connect(
mapStateToProps,
mapDispatchToProps
)(Layout)
);
renderRightPane() {
return (
<div style="{rightPaneStyle}">
Settings
{this.renderSinkSettings()}
</div>
);
}
render() {
return (
<div style="{rootStyle}">
{this.renderContent()}
</div>
);
}
render() {
return (
<div style="{rootStyle}">
{this.renderContent()}
</div>
);
}
renderLeftPane() {
if (this.props.input.mode === Models.inputModeEnum.batching) {
let batchData = undefined;
if (this.props.batchInputs != undefined && this.props.selectedFlowBatchInputIndex != undefined) {
batchData = this.props.batchInputs[this.props.selectedFlowBatchInputIndex];
}
return (
<div style="{leftPaneStyle}">
<div style="{leftPaneSectionStyle}">
{this.renderModeDropdown()}
{this.renderTypeDropdown()}
{this.renderBlobInputConnection(batchData)}
{this.renderBlobInputPath(batchData)}
{this.renderInputFormatTypeDropdown(batchData)}
{this.renderInputCompressionTypeDropdown(batchData)}
</div>
<div style="{dividerStyle}">
<div style="{leftPaneSectionStyle}">{this.renderShowNormalizationSnippetToggle()}</div>
</div>
);
} else {</div>
renderRightPane() {
return (
<div style="{rightPaneStyle}">
Settings
{this.renderBatchSettings()}
</div>
);
}
renderRightPane() {
return (
<div style="{rightPaneStyle}">
Settings
{this.renderFunctionSettings()}
</div>
);
}