superdesk/superdesk-client-core

View on GitHub
scripts/core/interactive-article-actions-panel/panel/panel-footer.tsx

Summary

Maintainability
A
2 hrs
Test Coverage
import React from 'react';
import * as Layout from 'superdesk-ui-framework/react/components/Layouts';
import {IPropsSendToPanel} from './panel-main';

export class PanelFooter extends React.PureComponent<IPropsSendToPanel> {
    render() {
        if (this.props.markupV2) {
            return (
                <Layout.PanelFooter>
                    <div style={{width: '100%', display: 'flex', flexDirection: 'column', gap: 8}}>
                        {this.props.children}
                    </div>
                </Layout.PanelFooter>
            );
        } else {
            return (
                <div className="side-panel__footer side-panel__footer--button-box-large">
                    <div style={{width: '100%', display: 'flex', flexDirection: 'column', gap: 8}}>
                        {this.props.children}
                    </div>
                </div>
            );
        }
    }
}