Update changes for lifecycle check method

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/scenes/Release/components/LifeCycle/index.js

@@ -77,6 +77,7 @@ class LifeCycle extends React.Component {
       current: 0,
       lifecycleSteps: [],
       lifeCycleStates: [],
+      isPublished: false,
     };
   }
 
@@ -91,6 +92,10 @@ class LifeCycle extends React.Component {
       lifecycleSteps,
     });
     this.getLifeCycleHistory();
+
+    this.setState({
+      isPublished: this.checkReleaseLifeCycleStatus(),
+    });
   }
 
   componentDidUpdate(prevProps, prevState, snapshot) {
@@ -204,26 +209,18 @@ class LifeCycle extends React.Component {
  state or not and assigned a boolean value to disable
  the publish button if an app release is already published
 */
-  checkReleaseLifeCycleStatus = (proceedingStates, lifecycleState) => {
+  checkReleaseLifeCycleStatus = () => {
     if (typeof this.props.appReleases !== 'undefined') {
-      const currentAppUUID = this.props.uuid;
       let appReleases = this.props.appReleases.fullAppDetails;
-      let appRelease;
-      let isPublished;
       for (let i = 0; i < appReleases.length; i++) {
-        appRelease = appReleases[i];
         if (
-          currentAppUUID !== appRelease.uuid &&
+          this.props.uuid !== appReleases[i].uuid &&
-          appRelease.currentStatus === 'PUBLISHED' &&
+          appReleases[i].currentStatus === 'PUBLISHED'
-          proceedingStates.includes('PUBLISHED') &&
-          lifecycleState === 'PUBLISHED'
         ) {
-          isPublished = true;
+          return true;
-          return isPublished;
         }
       }
-      isPublished = false;
+      return false;
-      return isPublished;
     }
     return false;
   };
@@ -278,13 +275,11 @@ class LifeCycle extends React.Component {
                             <p>{step.text}</p>
                             {proceedingStates.map(lifecycleState => {
                               return (
-                                // eslint-disable-next-line react/jsx-key
                                 <Tooltip
+                                  key={lifecycleState}
                                   title={
-                                    this.checkReleaseLifeCycleStatus(
+                                    lifecycleState === 'PUBLISHED' &&
-                                      proceedingStates,
+                                    this.state.isPublished
-                                      lifecycleState,
-                                    ) === true
                                       ? text
                                       : ''
                                   }
@@ -292,10 +287,10 @@ class LifeCycle extends React.Component {
                                   <Button
                                     size={'small'}
                                     style={{ marginRight: 3 }}
-                                    disabled={this.checkReleaseLifeCycleStatus(
+                                    disabled={
-                                      proceedingStates,
+                                      lifecycleState === 'PUBLISHED' &&
-                                      lifecycleState,
+                                      this.state.isPublished
-                                    )}
+                                    }
                                     onClick={() =>
                                       this.showReasonModal(lifecycleState)
                                     }