github/drone
5
0
Fork 0
mirror of https://github.com/harness/drone.git synced 2025-05-06 10:00:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: [CDE-275]: Removed map from region dropdown (#2615)

Browse Source 
* feat: [CDE-275]: Removed map from region dropdown
This commit is contained in:
Deepesh Kumar 2024-08-29 12:47:33 +00:00 committed by Harness
parent 7863f68bb3
commit cc22b367d5
1 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
web/src/cde-gitness/components/SelectRegion/SelectRegion.tsx
View File

@ -68,7 +68,6 @@ export const SelectRegion = ({ options, disabled, defaultValue }: SelectRegionIn
return ( return (
<Container> <Container>
<CDECustomDropdown <CDECustomDropdown
overridePopOverWidth
label={ label={
<Layout.Horizontal spacing={'small'} flex={{ alignItems: 'center', justifyContent: 'flex-start' }}> <Layout.Horizontal spacing={'small'} flex={{ alignItems: 'center', justifyContent: 'flex-start' }}>
<Layout.Vertical> <Layout.Vertical>
@ -86,29 +85,24 @@ export const SelectRegion = ({ options, disabled, defaultValue }: SelectRegionIn
</Layout.Horizontal> </Layout.Horizontal>
} }
menu={ menu={
<Layout.Horizontal padding={{ top: 'small', bottom: 'small' }}> <Menu>
<Menu> {options.map(({ label }) => {
{options.map(({ label }) => { return (
return ( <MenuItem
<MenuItem key={label}
key={label} active={label === regionState?.toLowerCase()}
active={label === regionState?.toLowerCase()} text={<Text font={{ size: 'normal', weight: 'bold' }}>{label.toUpperCase()}</Text>}
text={<Text font={{ size: 'normal', weight: 'bold' }}>{label.toUpperCase()}</Text>} onClick={() => {
onClick={() => { onChange('metadata.region', label.toLowerCase())
onChange('metadata.region', label.toLowerCase()) onChange('resource_identifier', undefined)
onChange('resource_identifier', undefined) }}
}} onMouseOver={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
onMouseOver={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => { setRegionState(e.currentTarget.innerText)
setRegionState(e.currentTarget.innerText) }}
}} />
/> )
) })}
})} </Menu>
</Menu>
<Menu>
<img src={getMapFromRegion(regionState?.toLowerCase() || '')} />
</Menu>
</Layout.Horizontal>
} }
/> />
</Container> </Container>