Merge pull request #1348 from devtron-labs/chore/shift-common

chore: shift common

Author: AbhishekA1509

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "0.0.30",
+        "@devtron-labs/devtron-fe-common-lib": "0.0.31",
         "@sentry/browser": "^7.3.1",
         "@sentry/integrations": "^7.3.1",
         "@sentry/tracing": "^7.3.1",

src/components/AppSelector/ChartSelector.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { useParams, useHistory, generatePath, useRouteMatch } from 'react-router';
-import { mapByKey, useAsync } from '../common';
 import Select from 'react-select';
+import { useAsync } from '@devtron-labs/devtron-fe-common-lib';
+import { mapByKey } from '../common';
 import { appSelectorStyle, DropdownIndicator } from './AppSelectorUtil';
 
 interface ChartSelectorType {

src/components/ApplicationGroup/AppGroupDetailsRoute.tsx

@@ -1,6 +1,5 @@
 import React, { Suspense, useCallback, useRef, useEffect, useState, useMemo } from 'react'
 import { Switch, Route, Redirect, NavLink } from 'react-router-dom'
-import { ErrorBoundary, useAsync, sortOptionsByLabel } from '../common'
 import {
     Progressing,
     BreadCrumb,
@@ -10,7 +9,9 @@ import {
     showError,
     GenericEmptyState,
     ToastBody,
+    useAsync,
 } from '@devtron-labs/devtron-fe-common-lib'
+import { ErrorBoundary, sortOptionsByLabel } from '../common'
 import { useParams, useRouteMatch, useHistory, generatePath, useLocation } from 'react-router'
 import ReactGA from 'react-ga4'
 import { URLS } from '../../config'

src/components/ApplicationGroup/Details/EnvCDDetails/EnvCDDetails.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react'
-import { Progressing, showError, sortCallback } from '@devtron-labs/devtron-fe-common-lib'
-import { useAsync, useInterval, mapByKey, asyncWrap } from '../../../common'
+import { Progressing, showError, sortCallback, useAsync } from '@devtron-labs/devtron-fe-common-lib'
+import { useInterval, mapByKey, asyncWrap } from '../../../common'
 import { ModuleNameMap } from '../../../../config'
 import { useHistory, useRouteMatch, useParams, generatePath } from 'react-router'
 import { TriggerOutput } from '../../../app/details/cdDetails/CDDetails'

src/components/ApplicationGroup/Details/EnvCIDetails/EnvCIDetails.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { generatePath, Route, useHistory, useParams, useRouteMatch } from 'react-router-dom'
-import { Progressing, showError, sortCallback } from '@devtron-labs/devtron-fe-common-lib'
+import { Progressing, showError, sortCallback, useAsync } from '@devtron-labs/devtron-fe-common-lib'
 import { URLS } from '../../../../config'
 import { APP_GROUP_CI_DETAILS } from '../../../../config/constantMessaging'
 import { EmptyView, LogResizeButton } from '../../../app/details/cicdHistory/History.components'
@@ -14,7 +14,7 @@ import {
 import { Details } from '../../../app/details/cIDetails/CIDetails'
 import { CiPipeline } from '../../../app/details/triggerView/types'
 import { getTriggerHistory } from '../../../app/service'
-import { asyncWrap, mapByKey, useAsync, useInterval } from '../../../common'
+import { asyncWrap, mapByKey, useInterval } from '../../../common'
 import { getCIConfigList } from '../../AppGroup.service'
 import { AppGroupDetailDefaultType } from '../../AppGroup.types'
 import { CIPipelineBuildType } from '../../../ciPipeline/types'

src/components/ApplicationGroup/Details/EnvironmentConfig/EnvConfig.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { useHistory, useParams, useRouteMatch } from 'react-router-dom'
-import { Progressing, noop } from '@devtron-labs/devtron-fe-common-lib'
-import { importComponentFromFELibrary, useAsync } from '../../../common'
+import { Progressing, noop, useAsync } from '@devtron-labs/devtron-fe-common-lib'
+import { importComponentFromFELibrary } from '../../../common'
 import EnvironmentOverride from '../../../EnvironmentOverride/EnvironmentOverride'
 import { getConfigAppList } from '../../AppGroup.service'
 import { AppGroupDetailDefaultType, ConfigAppList } from '../../AppGroup.types'

src/components/ApplicationGroup/Details/TriggerView/BulkCITrigger.tsx

@@ -8,8 +8,9 @@ import {
     noop,
     ConsequenceType,
     ConsequenceAction,
+    useAsync,
 } from '@devtron-labs/devtron-fe-common-lib'
-import { importComponentFromFELibrary, useAsync } from '../../../common'
+import { importComponentFromFELibrary } from '../../../common'
 import { ReactComponent as Close } from '../../../../assets/icons/ic-cross.svg'
 import { ReactComponent as PlayIcon } from '../../../../assets/icons/misc/arrow-solid-right.svg'
 import { ReactComponent as Warning } from '../../../../assets/icons/ic-warning.svg'

src/components/ApplicationGroup/List/EnvironmentListView.tsx

@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react'
-import { Progressing, toastAccessDenied } from '@devtron-labs/devtron-fe-common-lib'
+import { Progressing, toastAccessDenied, useAsync } from '@devtron-labs/devtron-fe-common-lib'
 import EnvEmptyStates from '../EnvEmptyStates'
 import { ReactComponent as EnvIcon } from '../../../assets/icons/ic-app-group.svg'
 import { NavLink, useHistory, useLocation, useRouteMatch } from 'react-router-dom'
-import { Pagination, useAsync } from '../../common'
+import { Pagination } from '../../common'
 import { toast } from 'react-toastify'
 import { EMPTY_LIST_MESSAGING, GROUP_LIST_HEADER, NO_ACCESS_TOAST_MESSAGE } from '../Constants'
 import { getEnvAppList } from '../AppGroup.service'

src/components/ApplicationGroup/List/EnvironmentsList.tsx

@@ -1,11 +1,11 @@
 import React, { useState, useEffect, useContext } from 'react'
-import { Progressing } from '@devtron-labs/devtron-fe-common-lib'
+import { Progressing, useAsync } from '@devtron-labs/devtron-fe-common-lib'
 import { useRouteMatch } from 'react-router'
 import { ReactComponent as Search } from '../../../assets/icons/ic-search.svg'
 import { ReactComponent as Clear } from '../../../assets/icons/ic-error.svg'
 import './EnvironmentsList.scss'
 import PageHeader from '../../common/header/PageHeader'
-import { Filter, FilterOption, useAsync } from '../../common'
+import { Filter, FilterOption } from '../../common'
 import EnvironmentsListView from './EnvironmentListView'
 import { getClusterListMinWithoutAuth } from '../../../services/service'
 import { Cluster } from '../../../services/service.types'

src/components/ClusterNodes/NodeDetails.tsx

@@ -1,11 +1,12 @@
 import React, { useState, useEffect, useRef, useMemo } from 'react'
-import { copyToClipboard, ToastBodyWithButton } from '../common'
+import { ToastBodyWithButton } from '../common'
 import {
     showError,
     Progressing,
     toastAccessDenied,
     ServerErrors,
     ErrorScreenManager,
+    copyToClipboard,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { ReactComponent as Info } from '../../assets/icons/ic-info-filled.svg'
 import { ReactComponent as Error } from '../../assets/icons/ic-error-exclamation.svg'