Root Explorer PHP

Editing: FullyOverlayFooter.js

const {__} = wp.i18n

const toggleExpanded = () => {
        let nextStatus = (expandedClass === 'collapsed') ? 'expanded' : 'collapsed';
        onToggleExpanded(nextStatus);
    }
    return (
        <div className="wp-full-overlay-footer">
            <div className="footer-import-button-wrap redux-templates-import-button-group">

{
                    pro ?
                        <div className="action-buttons">
                            <a className="redux-templates-button-download" target="_blank" href="http://redux-templates.io/">
                                <i className="fas fa-upload"></i>&nbsp;{__('Upgrade to Pro', redux_templates.i18n)}
                            </a>
                        </div>
                        :
                        <a className="button button-hero hide-if-no-customize button-primary redux-templates-import"
                           onClick={onImport}>
                            <i className="fas fa-download"></i>&nbsp;{__('Import', redux_templates.i18n)}
                        </a>
                }

</div>
            <button type="button" className="collapse-sidebar button" onClick={toggleExpanded} aria-expanded="true"
                    aria-label="Collapse Sidebar">
                <span className="collapse-sidebar-arrow"></span>
                <span className="collapse-sidebar-label">{__('Collapse', redux_templates.i18n)}</span>
            </button>

<div className="devices-wrapper">
                <div className="devices">
                    {
                        previewClassesList.map((previewObject, i) => {
                            return (
                                <button type="button"
                                        className={previewClass === previewObject.className ? previewObject.className + ' active' : previewObject.className}
                                        aria-pressed="true" key={i}
                                        onClick={() => onChangePreviewClass(previewObject.className)}>
                                    <span className="screen-reader-text">{previewObject.screenReaderText}</span>
                                </button>
                            );
                        })
                    }
                </div>
            </div>

</div>
    );
}

export default FullyOverlayFooter;

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📄 FullyOverlayFooter.js	FILE	[EDIT]
📄 FullyOverlayHeader.js	FILE	[EDIT]
📄 SidebarContent.js	FILE	[EDIT]
📄 SitePreviewSidebar.js	FILE	[EDIT]
📄 index.js	FILE	[EDIT]
📄 style.css	FILE	[EDIT]
📄 style.scss	FILE	[EDIT]

[ Root System Explorer ]

Editing: FullyOverlayFooter.js