文件操作 - RowOptionsForm.tsx

文件: /usr/share/grafana/public/app/features/dashboard/components/RowOptions/RowOptionsForm.tsx

编辑文件内容

import React, { FC, useCallback, useState } from 'react';
import { Button, Field, Form, HorizontalGroup, Input } from '@grafana/ui';

import { RepeatRowSelect } from '../RepeatRowSelect/RepeatRowSelect';

export type OnRowOptionsUpdate = (title: string | null, repeat: string | null) => void;

export interface Props {
  title: string | null;
  repeat: string | null;
  onUpdate: OnRowOptionsUpdate;
  onCancel: () => void;
}

export const RowOptionsForm: FC<Props> = ({ repeat, title, onUpdate, onCancel }) => {
  const [newRepeat, setNewRepeat] = useState<string | null>(repeat);
  const onChangeRepeat = useCallback((name: string) => setNewRepeat(name), [setNewRepeat]);

return (
    <Form
      defaultValues={{ title }}
      onSubmit={(formData: { title: string | null }) => {
        onUpdate(formData.title, newRepeat);
      }}
    >
      {({ register }) => (
        <>
          <Field label="Title">
            <Input name="title" ref={register} type="text" />
          </Field>

<HorizontalGroup>
            <Button type="submit">Update</Button>
            <Button variant="secondary" onClick={onCancel}>
              Cancel
            </Button>
          </HorizontalGroup>
        </>
      )}
    </Form>
  );
};

文件操作 - RowOptionsForm.tsx

文件: /usr/share/grafana/public/app/features/dashboard/components/RowOptions/RowOptionsForm.tsx

编辑文件内容

修改文件时间

删除文件