30 lines
762 B
TypeScript
30 lines
762 B
TypeScript
import React, { FC } from 'react';
|
|
import { Input, Field, FieldSet, Button, Form } from '@grafana/ui';
|
|
|
|
export interface Props {
|
|
orgName: string;
|
|
onSubmit: (orgName: string) => void;
|
|
}
|
|
|
|
interface FormDTO {
|
|
orgName: string;
|
|
}
|
|
|
|
const OrgProfile: FC<Props> = ({ onSubmit, orgName }) => {
|
|
return (
|
|
<Form defaultValues={{ orgName }} onSubmit={({ orgName }: FormDTO) => onSubmit(orgName)}>
|
|
{({ register }) => (
|
|
<FieldSet label="Organization profile">
|
|
<Field label="Organization name">
|
|
<Input name="orgName" type="text" ref={register({ required: true })} />
|
|
</Field>
|
|
|
|
<Button type="submit">Update organization name</Button>
|
|
</FieldSet>
|
|
)}
|
|
</Form>
|
|
);
|
|
};
|
|
|
|
export default OrgProfile;
|