diff --git a/src/pages/workspace/WorkspaceInitialPage.js b/src/pages/workspace/WorkspaceInitialPage.js index 2deed671e849..22a11d841e7c 100644 --- a/src/pages/workspace/WorkspaceInitialPage.js +++ b/src/pages/workspace/WorkspaceInitialPage.js @@ -38,12 +38,45 @@ class WorkspaceInitialPage extends React.Component { constructor(props) { super(props); - const policy = this.props.policy; this.openEditor = this.openEditor.bind(this); this.toggleDeleteModal = this.toggleDeleteModal.bind(this); this.confirmDeleteAndHideModal = this.confirmDeleteAndHideModal.bind(this); - this.menuItems = [ + this.state = { + isDeleteModalOpen: false, + }; + } + + /** + * Open Workspace Editor + */ + openEditor() { + Navigation.navigate(ROUTES.getWorkspaceSettingsRoute(this.props.policy.id)); + } + + /** + * Toggle delete confirm modal visibility + * @param {Boolean} shouldOpen + */ + toggleDeleteModal(shouldOpen) { + this.setState({isDeleteModalOpen: shouldOpen}); + } + + /** + * Call the delete policy and hide the modal + */ + confirmDeleteAndHideModal() { + PolicyActions.deletePolicy(this.props.policy.id); + this.toggleDeleteModal(false); + } + + render() { + const policy = this.props.policy; + if (_.isEmpty(policy)) { + return ; + } + + const menuItems = [ { translationKey: 'workspace.common.settings', icon: Expensicons.Gear, @@ -94,38 +127,6 @@ class WorkspaceInitialPage extends React.Component { }, ]; - this.state = { - isDeleteModalOpen: false, - }; - } - - /** - * Open Workspace Editor - */ - openEditor() { Navigation.navigate(ROUTES.getWorkspaceSettingsRoute(this.props.policy.id)); } - - /** - * Toggle delete confirm modal visibility - * @param {Boolean} shouldOpen - */ - toggleDeleteModal(shouldOpen) { - this.setState({isDeleteModalOpen: shouldOpen}); - } - - /** - * Call the delete policy and hide the modal - */ - confirmDeleteAndHideModal() { - PolicyActions.deletePolicy(this.props.policy.id); - this.toggleDeleteModal(false); - } - - - render() { - if (_.isEmpty(this.props.policy)) { - return ; - } - return ( - {_.map(this.menuItems, (item) => { + {_.map(menuItems, (item) => { const shouldFocus = this.props.isSmallScreenWidth ? !this.props.isFocused && item.isActive : item.isActive; return (