Merge pull request #1621 from devtron-labs/vite_bugs

fix: Vite bugs

Author: shivani170

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "0.0.63-beta-6",
+        "@devtron-labs/devtron-fe-common-lib": "0.0.63-beta-7",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",

src/App.tsx

@@ -161,6 +161,8 @@ export default function App() {
 
     function update() {
         updateServiceWorker(true)
+        // Trigger page reload
+        window.location.reload()
     }
 
     useEffect(() => {

src/components/app/details/metrics/DeploymentMetrics.tsx

@@ -720,9 +720,9 @@ export class FrequencyGraphLegend extends React.Component<FrequencyGraphLegendPr
                             arrow={false}
                             content="How often this app is deployed to production?"
                         >
-                            <div className="flex">
+                            <span>
                                 <Help className="icon-dim-20 ml-8 dc__vertical-align-middle mr-5" />
-                            </div>
+                            </span>
                         </Tippy>
                         <span className="cursor" onClick={this.props.setFrequencyMetric}>
                             {renderCategoryTag(this.props.frequencyBenchmark.name)}{' '}
@@ -753,9 +753,9 @@ export class FrequencyGraphLegend extends React.Component<FrequencyGraphLegendPr
                             <p className="graph-legend__primary-label">
                                 Change Failure Rate
                                 <Tippy className="default-tt" arrow={false} content="How often does the pipeline fail?">
-                                    <div className="flex">
+                                    <span>
                                         <Help className="icon-dim-20 ml-8 dc__vertical-align-middle mr-5" />
-                                    </div>
+                                    </span>
                                 </Tippy>
                                 <span className="cursor" onClick={this.props.setFailureMetric}>
                                     {renderCategoryTag(this.props.failureRateBenchmark?.name)}{' '}
@@ -800,9 +800,9 @@ export class RecoveryAndLeadTimeGraphLegend extends React.Component<RecoveryAndL
                     <p className="graph-legend__primary-label">
                         {this.props.label}
                         <Tippy className="default-tt" arrow={false} content={this.props.tooltipText}>
-                            <div className="flex">
+                            <span>
                                 <Help className="icon-dim-20 ml-8 dc__vertical-align-middle mr-5" />
-                            </div>
+                            </span>
                         </Tippy>
                     </p>
                     <p className="graph-legend__primary-value">
@@ -818,9 +818,9 @@ export class RecoveryAndLeadTimeGraphLegend extends React.Component<RecoveryAndL
                 <p className="graph-legend__primary-label">
                     {this.props.label}
                     <Tippy className="default-tt" arrow={false} content={this.props.tooltipText}>
-                        <div className="flex">
+                        <span>
                             <Help className="icon-dim-20 ml-8 dc__vertical-align-middle mr-5" />
-                        </div>
+                        </span>
                     </Tippy>
                     <span className="cursor" onClick={this.props.setMetric}>
                         {renderCategoryTag(this.props.benchmark?.name)}{' '}

src/components/app/details/metrics/deploymentMetrics.util.tsx

@@ -168,9 +168,9 @@ export const FailureLegendEmptyState = (props) => {
             <p className="graph-legend__primary-label">
                 Change Failure Rate
                 <Tippy className="default-tt" arrow={false} content="How often does the pipeline fail?">
-                    <div className="flex">
+                    <span>
                         <Help className="icon-dim-20 ml-8 dc__vertical-align-middle mr-5" />
-                    </div>
+                    </span>
                 </Tippy>
             </p>
             <div className="mt-16">