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

Dashboard scenes: debounce name validation when saving dashboards (#83580)

Browse Source 
* Dashboard scenes: debounce name validation when saving dashboards

* add newline
This commit is contained in:
Oscar Kilhed 2024-03-05 10:46:03 +01:00 committed by GitHub
parent e930b49db3
commit c9ac6dd3e7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/dashboard-scene/saving/SaveDashboardAsForm.tsx
View File

@ -1,3 +1,4 @@
import debounce from 'debounce-promise';
import React from 'react'; import React from 'react';
import { UseFormSetValue, useForm } from 'react-hook-form'; import { UseFormSetValue, useForm } from 'react-hook-form';
@ -29,7 +30,7 @@ export interface Props {
export function SaveDashboardAsForm({ dashboard, drawer, changeInfo }: Props) { export function SaveDashboardAsForm({ dashboard, drawer, changeInfo }: Props) {
const { changedSaveModel } = changeInfo; const { changedSaveModel } = changeInfo;
const { register, handleSubmit, setValue, formState, getValues, watch } = useForm<SaveDashboardAsFormDTO>({ const { register, handleSubmit, setValue, formState, getValues, watch, trigger } = useForm<SaveDashboardAsFormDTO>({
mode: 'onBlur', mode: 'onBlur',
defaultValues: { defaultValues: {
title: changeInfo.isNew ? changedSaveModel.title! : `${changedSaveModel.title} Copy`, title: changeInfo.isNew ? changedSaveModel.title! : `${changedSaveModel.title} Copy`,
@ -98,6 +99,9 @@ export function SaveDashboardAsForm({ dashboard, drawer, changeInfo }: Props) {
<Input <Input
{...register('title', { required: 'Required', validate: validateDashboardName })} {...register('title', { required: 'Required', validate: validateDashboardName })}
aria-label="Save dashboard title field" aria-label="Save dashboard title field"
onChange={debounce(async () => {
trigger('title');
}, 400)}
autoFocus autoFocus
/> />
</Field> </Field>