feat: add feature flag for log segregation

Author: AbhishekA1509

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.1.8-beta-13",
+    "version": "0.1.8-beta-15",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -17,14 +17,14 @@ const LogStageAccordion = ({
     status,
     handleStageClose,
     handleStageOpen,
-    accordionIndex,
-    areEventsProgressing,
+    stageIndex,
+    isLoading,
 }: LogStageAccordionProps) => {
     const handleAccordionToggle = () => {
         if (isOpen) {
-            handleStageClose(accordionIndex)
+            handleStageClose(stageIndex)
         } else {
-            handleStageOpen(accordionIndex)
+            handleStageOpen(stageIndex)
         }
     }
 
@@ -73,7 +73,7 @@ const LogStageAccordion = ({
                         </LogsItemContainer>
                     ))}
 
-                    {areEventsProgressing && (
+                    {isLoading && (
                         <LogsItemContainer>
                             <span />
                             <div className="dc__loading-dots cn-0" />

src/Shared/Components/CICDHistory/LogStageAccordion.tsx

@@ -184,7 +184,8 @@ export const LogsRenderer = ({
     const [logsList, setLogsList] = useState<string[]>([])
     const { searchKey, handleSearch } = useUrlFilters()
 
-    const areStagesAvailable = streamDataList[0]?.startsWith(LOGS_STAGE_IDENTIFIER) || false
+    const areStagesAvailable =
+        (window._env_.FEATURE_STEP_WISE_LOGS_ENABLE && streamDataList[0]?.startsWith(LOGS_STAGE_IDENTIFIER)) || false
 
     function createMarkup(log: string, targetSearchKey: string = searchKey): CreateMarkupReturnType {
         let isSearchKeyPresent = false
@@ -431,8 +432,8 @@ export const LogsRenderer = ({
                                 status={status}
                                 handleStageClose={handleStageClose}
                                 handleStageOpen={handleStageOpen}
-                                accordionIndex={index}
-                                areEventsProgressing={areEventsProgressing}
+                                stageIndex={index}
+                                isLoading={index === stageList.length - 1 && areEventsProgressing}
                             />
                         ))}
                     </div>

src/Shared/Components/CICDHistory/LogsRenderer.tsx

@@ -696,8 +696,11 @@ export interface StageDetailType extends Pick<StageInfoDTO, 'stage' | 'startTime
 export interface LogStageAccordionProps extends StageDetailType {
     handleStageClose: (index: number) => void
     handleStageOpen: (index: number) => void
-    accordionIndex: number
-    areEventsProgressing: boolean
+    stageIndex: number
+    /**
+     * A stage is loading if it is last in current stage list and event is not closed
+     */
+    isLoading: boolean
 }
 
 export interface CreateMarkupReturnType {

src/Shared/Components/CICDHistory/types.tsx

@@ -72,6 +72,7 @@ export interface customEnv {
     HIDE_RESOURCE_WATCHER?: boolean
     ORGANIZATION_NAME?: string
     FEATURE_SCOPED_VARIABLE_ENVIRONMENT_LIST_ENABLE?: boolean
+    FEATURE_STEP_WISE_LOGS_ENABLE?: boolean
 }
 declare global {
     interface Window {