DataLinksModal: Update buttons to use new styling (#33912)

This commit is contained in:
Torkel Ödegaard 2021-05-11 12:41:26 +02:00 committed by GitHub
parent 184242dba0
commit 74b96fb30b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,8 +1,8 @@
import { DataFrame, DataLink, VariableSuggestion } from '@grafana/data'; import { DataFrame, DataLink, VariableSuggestion } from '@grafana/data';
import React, { FC, useState } from 'react'; import React, { FC, useState } from 'react';
import { DataLinkEditor } from '../DataLinkEditor'; import { DataLinkEditor } from '../DataLinkEditor';
import { HorizontalGroup } from '../../Layout/Layout';
import { Button } from '../../Button'; import { Button } from '../../Button';
import { Modal } from '../../Modal/Modal';
interface DataLinkEditorModalContentProps { interface DataLinkEditorModalContentProps {
link: DataLink; link: DataLink;
@ -32,7 +32,10 @@ export const DataLinkEditorModalContent: FC<DataLinkEditorModalContentProps> = (
setDirtyLink(link); setDirtyLink(link);
}} }}
/> />
<HorizontalGroup> <Modal.ButtonRow>
<Button variant="secondary" onClick={() => onCancel(index)} fill="outline">
Cancel
</Button>
<Button <Button
onClick={() => { onClick={() => {
onSave(index, dirtyLink); onSave(index, dirtyLink);
@ -40,10 +43,7 @@ export const DataLinkEditorModalContent: FC<DataLinkEditorModalContentProps> = (
> >
Save Save
</Button> </Button>
<Button variant="secondary" onClick={() => onCancel(index)}> </Modal.ButtonRow>
Cancel
</Button>
</HorizontalGroup>
</> </>
); );
}; };