diff --git a/web/src/cde-gitness/assests/intellij.svg b/web/src/cde-gitness/assests/intellij.svg
new file mode 100644
index 000000000..5cd7c5e6b
--- /dev/null
+++ b/web/src/cde-gitness/assests/intellij.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss b/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss
index 2fa2174b1..b8b8fce02 100644
--- a/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss
+++ b/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss
@@ -44,10 +44,6 @@
}
}
-.buttonIcon {
- margin-right: var(--spacing-medium);
-}
-
.popover {
> div[class*='popover-arrow'] {
display: none;
diff --git a/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss.d.ts b/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss.d.ts
index c182fd649..1bce75c05 100644
--- a/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss.d.ts
+++ b/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.module.scss.d.ts
@@ -17,7 +17,6 @@
/* eslint-disable */
// This is an auto-generated file
export declare const button: string
-export declare const buttonIcon: string
export declare const listContainer: string
export declare const main: string
export declare const popover: string
diff --git a/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.tsx b/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.tsx
index 41af6f0a5..fe8761fc1 100644
--- a/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.tsx
+++ b/web/src/cde-gitness/components/CDEIDESelect/CDEIDESelect.tsx
@@ -18,12 +18,9 @@ import React from 'react'
import { Layout, Text } from '@harnessio/uicore'
import { Menu, MenuItem } from '@blueprintjs/core'
import { Code } from 'iconoir-react'
-import { IDEType } from 'cde-gitness/constants'
-import vsCodeWebIcon from 'cde-gitness/assests/vsCodeWeb.svg?url'
-import vscodeIcon from 'cde-gitness/assests/VSCode.svg?url'
+import { getIDETypeOptions } from 'cde-gitness/constants'
import { useStrings } from 'framework/strings'
import { CDECustomDropdown } from '../CDECustomDropdown/CDECustomDropdown'
-import css from './CDEIDESelect.module.scss'
export const CDEIDESelect = ({
onChange,
@@ -33,21 +30,9 @@ export const CDEIDESelect = ({
selectedIde?: string
}) => {
const { getString } = useStrings()
+ const ideOptions = getIDETypeOptions(getString) ?? []
- const ideOptions = [
- {
- label: getString('cde.ide.desktop'),
- value: IDEType.VSCODE,
- img: vscodeIcon
- },
- {
- label: getString('cde.ide.browser'),
- value: IDEType.VSCODEWEB,
- img: vsCodeWebIcon
- }
- ]
-
- const { label, img } = ideOptions.find(item => item.value === selectedIde) || {}
+ const { label, icon }: any = ideOptions.find(item => item.value === selectedIde) || {}
return (
}
label={
-
-
+
+
{label}
}
@@ -73,8 +58,11 @@ export const CDEIDESelect = ({