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