import React, { useCallback } from 'react'; import { useForm } from 'react-hook-form'; import { useHistory } from 'react-router-dom'; import { NavModelItem } from '@grafana/data'; import { getBackendSrv } from '@grafana/runtime'; import { Button, Input, Field } from '@grafana/ui'; import { Page } from 'app/core/components/Page/Page'; interface UserDTO { name: string; password: string; email?: string; login?: string; } const createUser = async (user: UserDTO) => getBackendSrv().post('/api/admin/users', user); const pageNav: NavModelItem = { icon: 'user', id: 'user-new', text: 'New user', subTitle: 'Create a new Grafana user.', }; const UserCreatePage = () => { const history = useHistory(); const { handleSubmit, register, formState: { errors }, } = useForm({ mode: 'onBlur' }); const onSubmit = useCallback( async (data: UserDTO) => { const { id } = await createUser(data); history.push(`/admin/users/edit/${id}`); }, [history] ); return (
value.trim() !== '' && value.length >= 4, })} type="password" />
); }; export default UserCreatePage;