TP-17651 | Build Failed Issue Fixed

package.json

@@ -22,8 +22,13 @@
     "@navi/web-ui": "^1.49.8",
     "@reduxjs/toolkit": "^1.9.4",
     "@super-app/dark-knight": "^1.0.6",
+    "@typescript-eslint/eslint-plugin": "^2.10.0",
+    "@typescript-eslint/parser": "^2.10.0",
     "axios": "^1.3.5",
     "chart.js": "^4.2.1",
+    "classnames": "^2.3.2",
+    "eslint-loader": "3.0.3",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "formik": "^2.2.9",
     "moment": "^2.29.4",
     "postcss-loader": "^7.2.4",
@@ -31,11 +36,7 @@
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.0.5",
-    "react-router-dom": "^6.8.2",
-    "eslint-loader": "3.0.3",
-    "eslint-plugin-unused-imports": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^2.10.0",
-    "@typescript-eslint/parser": "^2.10.0"
+    "react-router-dom": "^6.8.2"
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",
@@ -44,13 +45,12 @@
     "@babel/preset-typescript": "^7.21.0",
     "@types/react": "^18.0.28",
     "@types/react-redux": "^7.1.25",
+    "@typescript-eslint/eslint-plugin": "^2.10.0",
+    "@typescript-eslint/parser": "^2.10.0",
     "babel-loader": "^9.1.2",
     "compression-webpack-plugin": "^10.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.7.3",
-    "html-webpack-plugin": "^5.5.0",
-    "@typescript-eslint/eslint-plugin": "^2.10.0",
-    "@typescript-eslint/parser": "^2.10.0",
     "eslint": "^6.7.2",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-config-prettier": "^8.5.0",
@@ -61,6 +61,7 @@
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-react": "^7.17.1",
     "eslint-plugin-react-hooks": "^2.3.0",
+    "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.1",
     "prettier": "^2.8.4",
     "sass": "^1.58.3",

src/App.tsx

@@ -1,5 +1,4 @@
 import DarkKnight from '@super-app/dark-knight';
-import axios from 'axios';
 import React, { Suspense, useEffect, useState } from 'react';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import LeftSideBar from './components/LeftSideBar';

src/components/LeftSideBar/index.tsx

@@ -2,13 +2,13 @@ import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import Grid from '@mui/material/Grid';
 import Navbar from '@navi/web-ui/lib/components/Navbar';
+import { DashboardIcon, FilterIconFilled } from '@navi/web-ui/lib/icons';
 import naviLogo from '../../Icons/naviLogoWithIcon.svg';
 // import { logout } from '../../utils/utils';
-import { useAppDispatch, useAppSelector } from '../../redux/hooks';
+import { useAppSelector } from '../../redux/hooks';
 import './index.scss';
 import litmusLogo from '../../Icons/LitmusLogo.svg';
 import { ROUTE_MAPPING } from '../../utils/constants';
-import { DashboardIcon, FilterIconFilled } from '@navi/web-ui/lib/icons';
 
 interface LeftNavProps {
   children: React.ReactNode;

src/pages/CreateExperiment/CreateStrategyForm.tsx

@@ -36,7 +36,10 @@ const CreateStrategyForm = (props: CreateStrategyFormProps) => {
     <div>
       {strategies?.map((strategyData: Strategy, index: number) => (
         <div className={styles['experiment-form-wrapper']}>
-          <div className={styles['strategy-header']}>Strategy {index + 1}</div>
+          <div className={styles['strategy-header']}>
+            Strategy
+            {index + 1}
+          </div>
           <div className={styles['experiment-form']}>
             <div
               className={commonStyles.flex}

src/pages/CreateExperiment/Footer/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { useFormikContext } from 'formik';
 import Button from '@navi/web-ui/lib/primitives/Button';
 import { isNextBtnDisabled } from '../../../utils';

src/pages/EditExperiment/Header/ExperimentDetailsModal.tsx

@@ -144,7 +144,10 @@ const ExperimentDetailsModal = (props: ExperimentDetailsModalProps) => {
         </Typography>
         {strategiesTimeline?.map((item: any, index: number) => (
           <>
-            <Typography variant="p5">Strategy {index + 1}</Typography>
+            <Typography variant="p5">
+              Strategy
+              {index + 1}
+            </Typography>
             <KeyValueLabel
               className={styles['experiment-detail-pair']}
               dataArray={item}

yarn.lock

@@ -2173,7 +2173,7 @@ chrome-trace-event@^1.0.2:
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
   integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
 
-classnames@^2.3.1:
+classnames@^2.3.1, classnames@^2.3.2:
   version "2.3.2"
   resolved "https://nexus.cmd.navi-tech.in/repository/navi-commons/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
   integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==