文件操作 - SnapshotListTable.tsx

文件: /usr/share/grafana/public/app/features/manage-dashboards/components/SnapshotListTable.tsx

编辑文件内容

import React, { FC, useState, useCallback, useEffect } from 'react';
import { ConfirmModal, Button, LinkButton } from '@grafana/ui';
import { getBackendSrv } from '@grafana/runtime';
import { noop } from 'rxjs';
import { Snapshot } from '../types';

interface Props {
  url: string;
}

export const SnapshotListTable: FC<Props> = ({ url }) => {
  const [snapshots, setSnapshots] = useState<Snapshot[]>([]);
  const [removeSnapshot, setRemoveSnapshot] = useState<Snapshot>();

useEffect(() => {
    getSnapshots();
  }, []);

return (
    <div className="page-container page-body">
      <table className="filter-table">
        <thead>
          <tr>
            <th>
              <strong>Name</strong>
            </th>
            <th>
              <strong>Snapshot url</strong>
            </th>
            <th style={{ width: '70px' }}></th>
            <th style={{ width: '30px' }}></th>
            <th style={{ width: '25px' }}></th>
          </tr>
        </thead>
        <tbody>
          {snapshots.map((snapshot, key) => {
            return (
              <tr key={key}>
                <td>
                  <a href={snapshot.url}>{snapshot.name}</a>
                </td>
                <td>
                  <a href={snapshot.url}>{snapshot.url}</a>
                </td>
                <td>{snapshot.external && <span className="query-keyword">External</span>}</td>
                <td className="text-center">
                  <LinkButton href={snapshot.url} variant="secondary" size="sm" icon="eye">
                    View
                  </LinkButton>
                </td>
                <td className="text-right">
                  <Button variant="destructive" size="sm" icon="times" onClick={() => setRemoveSnapshot(snapshot)} />
                </td>
              </tr>
            );
          })}
        </tbody>
      </table>

<ConfirmModal
        isOpen={!!removeSnapshot}
        icon="trash-alt"
        title="Delete"
        body={`Are you sure you want to delete '${removeSnapshot?.name}'?`}
        confirmText="Delete"
        onDismiss={() => setRemoveSnapshot(undefined)}
        onConfirm={() => {
          doRemoveSnapshot(removeSnapshot);
          setRemoveSnapshot(undefined);
        }}
      />
    </div>
  );
};

文件操作 - SnapshotListTable.tsx

文件: /usr/share/grafana/public/app/features/manage-dashboards/components/SnapshotListTable.tsx

编辑文件内容

修改文件时间

删除文件