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 (