文件操作 - DashboardPicker.tsx

文件: /usr/share/grafana/public/app/core/components/Select/DashboardPicker.tsx

编辑文件内容

import React, { FC } from 'react';
import { debounce } from 'lodash';
import { useAsyncFn } from 'react-use';
import { SelectableValue } from '@grafana/data';
import { AsyncSelect } from '@grafana/ui';
import { backendSrv } from 'app/core/services/backend_srv';
import { DashboardSearchHit } from 'app/features/search/types';
import { DashboardDTO } from 'app/types';

export interface Props {
  onSelected: (dashboard: DashboardDTO) => void;
  currentDashboard?: SelectableValue<number>;
  width?: number;
  isClearable?: boolean;
  invalid?: boolean;
  disabled?: boolean;
}

export const DashboardPicker: FC<Props> = ({
  onSelected,
  currentDashboard,
  width,
  isClearable = false,
  invalid,
  disabled,
}) => {
  const debouncedSearch = debounce(getDashboards, 300, {
    leading: true,
    trailing: true,
  });

const [state, searchDashboards] = useAsyncFn(debouncedSearch, []);

return (
    <AsyncSelect
      width={width}
      isLoading={state.loading}
      isClearable={isClearable}
      defaultOptions={true}
      loadOptions={searchDashboards}
      onChange={onSelected}
      placeholder="Select dashboard"
      noOptionsMessage="No dashboards found"
      value={currentDashboard}
      invalid={invalid}
      disabled={disabled}
    />
  );
};

文件操作 - DashboardPicker.tsx

文件: /usr/share/grafana/public/app/core/components/Select/DashboardPicker.tsx

编辑文件内容

修改文件时间

删除文件