Skip to content

Commit 44f8a52

Browse files
committed
feat(Icons): add new SVG icons for cloud upload, minus, and swap; update icon imports
fix(ResizableTagTextArea): increase re-initialization timeout for better height adjustment fix(ResourceDetail): add optional previous usage percentage and threshold properties fix(DynamicDataTableRow): add no-focus class to action button for improved styling
1 parent 3db4797 commit 44f8a52

7 files changed

Lines changed: 22 additions & 2 deletions

File tree

Lines changed: 3 additions & 0 deletions
Loading

src/Assets/IconV2/ic-minus.svg

Lines changed: 3 additions & 0 deletions
Loading

src/Assets/IconV2/ic-swap.svg

Lines changed: 3 additions & 0 deletions
Loading

src/Common/CustomTagSelector/ResizableTagTextArea.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ export const ResizableTagTextArea = ({
9191
useEffect(() => {
9292
setTimeout(() => {
9393
reInitHeight()
94-
}, 100)
94+
}, 300)
9595
}, [])
9696

9797
useThrottledEffect(reInitHeight, 500, [value])

src/Pages/ResourceBrowser/types.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,11 @@ export interface ResourceDetail {
5353
usagePercentage: string
5454
requestPercentage: string
5555
limitPercentage: string
56+
prevUsagePercentage?: string | null
57+
threshold?: {
58+
operator: 'greaterThan' | 'lessThan' | 'equalTo'
59+
value: number
60+
} | null
5661
}
5762

5863
export interface NodeTaintType {

src/Shared/Components/DynamicDataTable/DynamicDataTableRow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -330,7 +330,7 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
330330
const { renderer, position = 'start' } = actionButtonConfig
331331
const actionButtonNode = (
332332
<div
333-
className={`dc__overflow-hidden flex top bg__primary ${(position === 'start' && key === headers[0].key) || (isDeletionNotAllowed && position === 'end' && key === headers[headers.length - 1].key) ? 'dynamic-data-table__cell' : ''}`}
333+
className={`dc__overflow-hidden flex top bg__primary no-focus ${(position === 'start' && key === headers[0].key) || (isDeletionNotAllowed && position === 'end' && key === headers[headers.length - 1].key) ? 'dynamic-data-table__cell' : ''}`}
334334
>
335335
{renderer(row)}
336336
</div>

src/Shared/Components/Icon/Icon.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@ import { ReactComponent as ICCircleLoader } from '@IconsV2/ic-circle-loader.svg'
3838
import { ReactComponent as ICClock } from '@IconsV2/ic-clock.svg'
3939
import { ReactComponent as ICCloseLarge } from '@IconsV2/ic-close-large.svg'
4040
import { ReactComponent as ICCloseSmall } from '@IconsV2/ic-close-small.svg'
41+
import { ReactComponent as ICCloudUpload } from '@IconsV2/ic-cloud-upload.svg'
4142
import { ReactComponent as ICCloudVms } from '@IconsV2/ic-cloud-vms.svg'
4243
import { ReactComponent as ICCluster } from '@IconsV2/ic-cluster.svg'
4344
import { ReactComponent as ICCode } from '@IconsV2/ic-code.svg'
@@ -122,6 +123,7 @@ import { ReactComponent as ICMegaphoneRight } from '@IconsV2/ic-megaphone-right.
122123
import { ReactComponent as ICMemory } from '@IconsV2/ic-memory.svg'
123124
import { ReactComponent as ICMicrosoft } from '@IconsV2/ic-microsoft.svg'
124125
import { ReactComponent as ICMinikube } from '@IconsV2/ic-minikube.svg'
126+
import { ReactComponent as ICMinus } from '@IconsV2/ic-minus.svg'
125127
import { ReactComponent as ICMissing } from '@IconsV2/ic-missing.svg'
126128
import { ReactComponent as ICMobile } from '@IconsV2/ic-mobile.svg'
127129
import { ReactComponent as ICMonitoring } from '@IconsV2/ic-monitoring.svg'
@@ -163,6 +165,7 @@ import { ReactComponent as ICStrategyRollingColor } from '@IconsV2/ic-strategy-r
163165
import { ReactComponent as ICSuccess } from '@IconsV2/ic-success.svg'
164166
import { ReactComponent as ICSun } from '@IconsV2/ic-sun.svg'
165167
import { ReactComponent as ICSuspended } from '@IconsV2/ic-suspended.svg'
168+
import { ReactComponent as ICSwap } from '@IconsV2/ic-swap.svg'
166169
import { ReactComponent as ICTata1mg } from '@IconsV2/ic-tata1mg.svg'
167170
import { ReactComponent as ICTerminal } from '@IconsV2/ic-terminal.svg'
168171
import { ReactComponent as ICTerminalFill } from '@IconsV2/ic-terminal-fill.svg'
@@ -224,6 +227,7 @@ export const iconMap = {
224227
'ic-clock': ICClock,
225228
'ic-close-large': ICCloseLarge,
226229
'ic-close-small': ICCloseSmall,
230+
'ic-cloud-upload': ICCloudUpload,
227231
'ic-cloud-vms': ICCloudVms,
228232
'ic-cluster': ICCluster,
229233
'ic-code': ICCode,
@@ -308,6 +312,7 @@ export const iconMap = {
308312
'ic-memory': ICMemory,
309313
'ic-microsoft': ICMicrosoft,
310314
'ic-minikube': ICMinikube,
315+
'ic-minus': ICMinus,
311316
'ic-missing': ICMissing,
312317
'ic-mobile': ICMobile,
313318
'ic-monitoring': ICMonitoring,
@@ -349,6 +354,7 @@ export const iconMap = {
349354
'ic-success': ICSuccess,
350355
'ic-sun': ICSun,
351356
'ic-suspended': ICSuspended,
357+
'ic-swap': ICSwap,
352358
'ic-tata1mg': ICTata1mg,
353359
'ic-terminal-fill': ICTerminalFill,
354360
'ic-terminal': ICTerminal,

0 commit comments

Comments
 (0)