mirror of https://github.com/grafana/grafana.git
31 lines
840 B
TypeScript
31 lines
840 B
TypeScript
import React, { FC } from 'react';
|
|
import { Modal, stylesFactory } from '@grafana/ui';
|
|
import { css } from 'emotion';
|
|
|
|
import { OnRowOptionsUpdate, RowOptionsForm } from './RowOptionsForm';
|
|
|
|
export interface RowOptionsModalProps {
|
|
title: string | null;
|
|
repeat: string | null;
|
|
onDismiss: () => void;
|
|
onUpdate: OnRowOptionsUpdate;
|
|
}
|
|
|
|
export const RowOptionsModal: FC<RowOptionsModalProps> = ({ repeat, title, onDismiss, onUpdate }) => {
|
|
const styles = getStyles();
|
|
return (
|
|
<Modal isOpen={true} title="Row Options" icon="copy" onDismiss={onDismiss} className={styles.modal}>
|
|
<RowOptionsForm repeat={repeat} title={title} onCancel={onDismiss} onUpdate={onUpdate} />
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
const getStyles = stylesFactory(() => {
|
|
return {
|
|
modal: css`
|
|
label: RowOptionsModal;
|
|
width: 500px;
|
|
`,
|
|
};
|
|
});
|