Merge pull request #1580 from devtron-labs/chore/remove-window-size

chore: remove and replace useWindowSize from common

Author: AbhishekA1509

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "0.0.51",
+        "@devtron-labs/devtron-fe-common-lib": "0.0.52",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
         "@rjsf/validator-ajv8": "^5.13.3",

src/components/CodeEditor/CodeEditor.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useCallback, useReducer, useRef } from 'react'
 import MonacoEditor, { MonacoDiffEditor } from 'react-monaco-editor';
-import { useJsonYaml, Select, RadioGroup, useWindowSize } from '../common'
-import { Progressing, copyToClipboard } from '@devtron-labs/devtron-fe-common-lib'
+import { useJsonYaml, Select, RadioGroup } from '../common'
+import { Progressing, copyToClipboard, useWindowSize } from '@devtron-labs/devtron-fe-common-lib'
 import { ReactComponent as ClipboardIcon } from '../../assets/icons/ic-copy.svg';
 import { ReactComponent as Info } from '../../assets/icons/ic-info-filled.svg';
 import { ReactComponent as ErrorIcon } from '../../assets/icons/ic-error-exclamation.svg';

src/components/app/ResponsiveDrawer.tsx

@@ -1,6 +1,5 @@
-import { useEffectAfterMount } from '@devtron-labs/devtron-fe-common-lib';
 import React, {useEffect} from 'react'
-import { useWindowSize } from '../common';
+import { useEffectAfterMount, useWindowSize } from '@devtron-labs/devtron-fe-common-lib'
 
 export default function ResponsiveDrawer({ initialHeight = 36, minHeight = 100, defaultHeight = 500, minimumTopMargin = 100, isDetailedView, onHeightChange = null, className = "", children, anchor=null }) {
     let dimensions = useWindowSize()

src/components/common/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx

@@ -1,7 +1,6 @@
 import React, { useState, useRef, useMemo, useCallback, memo, useEffect } from 'react'
-import { useAsync } from '@devtron-labs/devtron-fe-common-lib'
+import { useAsync, useWindowSize } from '@devtron-labs/devtron-fe-common-lib'
 import Draggable from 'react-draggable'
-import { useWindowSize } from '../helpers/UseWindowSize'
 import Suggestions from './Suggestions'
 import { getScopedVariables } from './service'
 import { FloatingVariablesSuggestionsProps } from './types'

src/components/common/helpers/Helpers.tsx

@@ -6,9 +6,9 @@ import {
     DeploymentAppTypes,
     getLoginInfo,
     APIOptions,
+    useWindowSize,
 } from '@devtron-labs/devtron-fe-common-lib'
 import YAML from 'yaml'
-import { useWindowSize } from './UseWindowSize'
 import { Link } from 'react-router-dom'
 import ReactGA from 'react-ga4'
 import { getDateInMilliseconds } from '../../apiTokens/authorization.utils'

src/components/common/helpers/UseWindowSize.tsx

@@ -18,7 +18,6 @@ export * from './helpers/isSubset'
 export * from './helpers/workflowURL'
 export * from './helpers/isEmpty'
 export * from './helpers/git'
-export * from './helpers/UseWindowSize'
 export * from './helpers/util'
 export * from './helpers/time'
 export * from './ToastBody'