jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui) - dropdown fixes

Browse source
This commit is contained in:
Shekar Siri 2022-06-22 18:28:52 +02:00
parent 188e504bb7
commit d7e680247d
5 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/app/components/Alerts/AlertForm.js
View file

@ -50,7 +50,7 @@ const integrationsRoute = client(CLIENT_TABS.INTEGRATIONS);
const AlertForm = props => {
const { instance, slackChannels, webhooks, loading, onDelete, deleting, triggerOptions, metricId, style={ width: '580px', height: '100vh' } } = props;
const write = ({ target: { value, name } }) => props.edit({ [ name ]: value })
const writeOption = (e, { name, value }) => props.edit({ [ name ]: value });
const writeOption = (e, { name, value }) => props.edit({ [ name ]: value.value });
const onChangeCheck = ({ target: { checked, name }}) => props.edit({ [ name ]: checked })
// const onChangeOption = ({ checked, name }) => props.edit({ [ name ]: checked })
// const onChangeCheck = (e) => { console.log(e) }
@ -66,7 +66,7 @@ const AlertForm = props => {
const writeQuery = ({ target: { value, name } }) => {
const { query } = instance;
props.edit({ query: { ...query, [name] : value } });
props.edit({ query: { ...query, [name] : value.value } });
}
const metric = (instance && instance.query.left) ? triggerOptions.find(i => i.value === instance.query.left) : null;
@ -144,7 +144,7 @@ const AlertForm = props => {
name="left"
value={ triggerOptions.find(i => i.value === instance.query.left) }
// onChange={ writeQueryOption }
onChange={ ({ value }) => writeQueryOption(null, { name: 'left', value }) }
onChange={ ({ value }) => writeQueryOption(null, { name: 'left', value: value.value }) }
/>
</div>
@ -157,7 +157,7 @@ const AlertForm = props => {
name="operator"
defaultValue={ instance.query.operator }
// onChange={ writeQueryOption }
onChange={ ({ value }) => writeQueryOption(null, { name: 'operator', value }) }
onChange={ ({ value }) => writeQueryOption(null, { name: 'operator', value: value.value }) }
/>
{ unit && (
<Input

2
frontend/app/components/Dashboard/components/DashboardSelectionModal/DashboardSelectionModal.tsx
View file

@ -46,7 +46,7 @@ function DashboardSelectionModal(props: Props) {
<Select
options={dashboardOptions}
defaultValue={dashboardOptions[0].value}
onChange={({ value }: any) => setSelectedId(value)}
onChange={({ value }: any) => setSelectedId(value.value)}
/>
</Form.Field>
</Modal.Content>

2
frontend/app/components/shared/CodeSnippet/CodeSnippet.tsx
View file

@ -10,8 +10,6 @@ const inputModeOptions = [
const inputModeOptionsMap: any = {}
inputModeOptions.forEach((o: any, i: any) => inputModeOptionsMap[o.value] = i)
console.log('inputModeOptionsMap', inputModeOptionsMap)
interface Props {
host: string;

2
frontend/app/components/shared/TrackingCodeModal/TrackingCodeModal.js
View file

@ -44,7 +44,7 @@ class TrackingCodeModal extends React.PureComponent {
<Icon name="close" size="14" />
</div>
</Modal.Header>
<Modal.Content className={ styles.content }>
<Modal.Content className={ cn(styles.content, 'overflow-y-auto') }>
<Tabs
className="px-5"
tabs={ TABS }

2
frontend/app/components/ui/Modal/Modal.tsx
View file

@ -48,7 +48,7 @@ interface ModalContentProps {
function ModalContent (props: ModalContentProps) {
const { children, className } = props;
return (
<div className={cn("p-5 overflow-y-auto", className)} style={{ maxHeight: 'calc(100vh - 100px)'}}>
<div className={cn("p-5", className)} style={{ maxHeight: 'calc(100vh - 100px)' }}>
{children}
</div>
);