chore: nested breadcrumb

Author: shivani170

src/Pages/GlobalConfigurations/BuildInfra/BuildInfra.tsx

@@ -30,15 +30,15 @@ export const BuildInfra: FunctionComponent<BuildInfraProps> = ({ isSuperAdmin })
         return <ErrorScreenNotAuthorized />
     }
 
-    if (BuildInfraRouter) {
-        return (
-            <BuildInfraUtilityProvider>
-                <BuildInfraRouter />
-            </BuildInfraUtilityProvider>
-        )
-    }
-
-    return <ProfileForm />
+    const content = BuildInfraRouter ? (
+        <BuildInfraUtilityProvider>
+            <BuildInfraRouter />
+        </BuildInfraUtilityProvider>
+    ) : (
+        <ProfileForm />
+    )
+
+    return content
 }
 
 export default BuildInfra

src/Pages/GlobalConfigurations/BuildInfra/ProfileForm.tsx

@@ -18,20 +18,17 @@ import React, { FunctionComponent, useMemo } from 'react'
 
 import {
     APIResponseHandler,
-    BUILD_INFRA_BREADCRUMB,
     BUILD_INFRA_TEXT,
     BuildInfraConfigForm,
     BuildInfraDescriptor,
     BuildInfraFooter,
     DEFAULT_PROFILE_NAME,
-    useBreadcrumb,
     useBuildInfraForm,
 } from '@devtron-labs/devtron-fe-common-lib'
 
 import './styles.scss'
 
 const ProfileForm: FunctionComponent = () => {
-    const { breadcrumbs } = useBreadcrumb(BUILD_INFRA_BREADCRUMB)
     const {
         isLoading,
         profileResponse,
@@ -68,7 +65,7 @@ const ProfileForm: FunctionComponent = () => {
             onSubmit={handleSubmit}
         >
             <div className="flexbox-col dc__gap-24 pt pr pb pl h-100 dc__overflow-auto">
-                <BuildInfraDescriptor breadCrumbs={breadcrumbs} />
+                <BuildInfraDescriptor />
 
                 <APIResponseHandler
                     isLoading={isLoading}

src/components/scopedVariables/Descriptor.tsx

@@ -32,7 +32,7 @@ export default function Descriptor({ children, showUploadButton, readFile, searc
         }
     }
 
-    const additonalTippyContent = importComponentFromFELibrary('scopedVariablesHelpTippyText')
+    const additionalTippyContent = importComponentFromFELibrary('scopedVariablesHelpTippyText')
 
     return (
         <>
@@ -45,9 +45,9 @@ export default function Descriptor({ children, showUploadButton, readFile, searc
                     <FeatureTitleWithInfo
                         title={HEADER_TEXT.SCOPED_VARIABLES.title}
                         renderDescriptionContent={() =>
-                            additonalTippyContent ? null : HEADER_TEXT.SCOPED_VARIABLES.description
+                            additionalTippyContent ? null : HEADER_TEXT.SCOPED_VARIABLES.description
                         }
-                        additionalContent={additonalTippyContent?.()}
+                        additionalContent={additionalTippyContent?.()}
                         docLink={HEADER_TEXT.SCOPED_VARIABLES.docLink}
                         showInfoIconTippy
                     />