chore: code formatting

Author: shivani170

src/components/CIPipelineN/PluginDetailHeader/PluginDetailHeader.component.tsx

@@ -17,6 +17,7 @@
 import { useContext } from 'react'
 
 import {
+    DOCUMENTATION,
     PluginImageContainer,
     PluginTagsContainer,
     PluginType,
@@ -108,7 +109,7 @@ const PluginDetailHeader = ({ handlePluginVersionChange }: PluginDetailHeaderPro
                     showCloseButton
                     trigger="click"
                     interactive
-                    documentationLink={docLink as any}
+                    documentationLink={docLink as keyof typeof DOCUMENTATION}
                     documentationLinkText="View documentation"
                     isExternalLink
                 >

src/components/CIPipelineN/VariableDataTable/types.ts

@@ -138,7 +138,7 @@ export type VariableDataTableAction<
 
 export type HandleRowUpdateActionProps = VariableDataTableAction
 
-export interface VariableDataTablePopupMenuProps extends Pick<TippyCustomizedProps, 'placement'> {
+export interface VariableDataTablePopupMenuProps extends Pick<TippyCustomizedProps<false>, 'placement'> {
     heading: string
     showHeaderIcon?: boolean
     showIconDot?: boolean

src/components/charts/list/DiscoverCharts.tsx

@@ -131,7 +131,8 @@ const DiscoverChartList = ({ isSuperAdmin }: { isSuperAdmin: boolean }) => {
     const [isLoading, setIsLoading] = useState<boolean>(false)
     const [filteredChartList, setFilteredChartList] = useState<ChartListType[]>([])
 
-    const noChartAvailable: boolean = chartList.length > 0 || searchApplied || selectedChartRepo.length > 0 || !!chartCategoryIds
+    const noChartAvailable: boolean =
+        chartList.length > 0 || searchApplied || selectedChartRepo.length > 0 || !!chartCategoryIds
     isLeavingPageNotAllowed.current = !state.charts.reduce((acc: boolean, chart: ChartGroupEntry) => {
         return (acc = acc && chart.originalValuesYaml === chart.valuesYaml)
     }, true)
@@ -752,15 +753,15 @@ const ChartListHeader = ({ charts }) => {
             </h3>
             <p className="mb-0 mt-4 pl-20" data-testid="chart-store-list-subheading">
                 Select chart to deploy. &nbsp;
-                  <a
-                        href={getDocumentationUrl({ docLinkKey: 'CHART_GROUP' })}
-                        rel="noreferrer noopener"
-                        target="_blank"
-                        className="dc__link"
-                        data-testid="chart-group-link"
-                    >
-                        Learn more about chart groups
-                    </a>
+                <a
+                    href={getDocumentationUrl({ docLinkKey: 'CHART_GROUP' })}
+                    rel="noreferrer noopener"
+                    target="_blank"
+                    className="dc__link"
+                    data-testid="chart-group-link"
+                >
+                    Learn more about chart groups
+                </a>
             </p>
         </div>
     )
@@ -852,7 +853,7 @@ export const ChartGroupListMin = ({
                         renderDescriptionContent={() =>
                             'Use chart groups to pre-configure and deploy frequently used charts together.'
                         }
-                        docLink='CHART_GROUP'
+                        docLink="CHART_GROUP"
                         dataTestId="chart-store"
                         showInfoIconTippy
                     />

src/components/globalConfigurations/types.ts

@@ -19,7 +19,7 @@ import { HTMLAttributes, MutableRefObject } from 'react'
 import { TippyCustomizedProps } from '@devtron-labs/devtron-fe-common-lib'
 
 export type TippyConfig =
-    | (Omit<TippyCustomizedProps, 'theme' | 'children' | 'placement'> & {
+    | (Omit<TippyCustomizedProps<false>, 'theme' | 'children' | 'placement'> & {
           showTippy: true
           /**
            * The nav link route on which the Tippy should be shown