IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Alerting: Move modal buttons before the rules table (#59703)

Browse Source 
Move modal buttons before the rules table
This commit is contained in:
Sonia Aguilar 2022-12-02 13:51:01 +01:00 committed by GitHub
parent 76233f9997
commit 020b9960c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
public/app/features/alerting/unified/components/rules/EditRuleGroupModal.tsx
View File

@ -394,6 +394,26 @@ export function EditCloudGroupModal(props: ModalProps): React.ReactElement {
{checkEvaluationIntervalGlobalLimit(watch('groupInterval')).exceedsLimit && (
<EvaluationIntervalLimitExceeded />
)}
<div className={styles.modalButtons}>
<Modal.ButtonRow>
<Button
variant="secondary"
type="button"
disabled={loading}
onClick={() => onClose(false)}
fill="outline"
>
Close
</Button>
<Button
type="button"
disabled={!isDirty || loading}
onClick={handleSubmit((values) => onSubmit(values), onInvalid)}
>
{loading ? 'Saving...' : 'Save changes'}
</Button>
</Modal.ButtonRow>
</div>
{rulerRuleRequests && (
<>
<div>List of rules that belong to this group</div>
@ -407,25 +427,6 @@ export function EditCloudGroupModal(props: ModalProps): React.ReactElement {
/>
</>
)}
<Modal.ButtonRow>
<Button
variant="secondary"
type="button"
disabled={loading}
onClick={() => onClose(false)}
fill="outline"
>
Close
</Button>
<Button
type="button"
disabled={!isDirty || loading}
onClick={handleSubmit((values) => onSubmit(values), onInvalid)}
>
{loading ? 'Saving...' : 'Save changes'}
</Button>
</Modal.ButtonRow>
</>
</form>
</FormProvider>
@ -437,6 +438,10 @@ const getStyles = (theme: GrafanaTheme2) => ({
modal: css`
max-width: 560px;
`,
modalButtons: css`
top: -24px;
position: relative;
`,
formInput: css`
width: 275px;
& + & {