chore: fixes

Author: shivani170

src/components/ApplicationGroup/List/EnvironmentsList.tsx

@@ -18,6 +18,7 @@ import { useMemo } from 'react'
 
 import {
     ErrorScreenManager,
+    FeatureTitleWithInfo,
     FilterChips,
     FilterSelectPicker,
     GenericEmptyState,
@@ -39,6 +40,18 @@ import EnvironmentsListView from './EnvironmentListView'
 
 import './EnvironmentsList.scss'
 
+const renderAppGroupDescriptionContent = () =>
+    ' Application Groups represent an environment and display all applications deployed to it. They simplify deploying interdependent microservices by allowing you to build and deploy multiple applications together.'
+
+const renderAdditionalHeaderInfo = () => (
+    <FeatureTitleWithInfo
+        title="Application Group"
+        docLink="APP_GROUP"
+        showInfoIconTippy
+        renderDescriptionContent={renderAppGroupDescriptionContent}
+    />
+)
+
 const EnvironmentsList = ({ isSuperAdmin }: AppGroupAdminType) => {
     const urlFilters = useUrlFilters<never, AppGroupUrlFiltersType>({
         parseSearchParams,
@@ -199,7 +212,7 @@ const EnvironmentsList = ({ isSuperAdmin }: AppGroupAdminType) => {
 
     return (
         <div className="flexbox-col h-100 dc__overflow-auto">
-            <PageHeader headerName="Application Groups" />
+            <PageHeader additionalHeaderInfo={renderAdditionalHeaderInfo} />
             {renderBody()}
         </div>
     )

src/components/Jobs/JobList/JobsList.tsx

@@ -44,6 +44,18 @@ import JobListContainer from './JobListContainer'
 
 import '../../app/list/list.scss'
 
+// const renderAppGroupDescriptionContent = () =>
+//     ' Application Groups represent an environment and display all applications deployed to it. They simplify deploying interdependent microservices by allowing you to build and deploy multiple applications together.'
+
+// const renderAdditionalHeaderInfo = () => (
+//     <FeatureTitleWithInfo
+//         title="Application Group"
+//         docLink="APP_GROUP"
+//         showInfoIconTippy
+//         renderDescriptionContent={renderAppGroupDescriptionContent}
+//     />
+// )
+
 const JobsList = () => {
     const { path } = useRouteMatch()
     const history = useHistory()

src/components/Jobs/Jobs.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react'
 import { Redirect, Route, Switch, useRouteMatch } from 'react-router-dom'
 import { URLS } from '../../config'
 import { ErrorBoundary } from '../common'