Storage: Add basic file upload management (#50638)

public/app/features/admin/ExportStartButton.tsx

@@ -1,62 +0,0 @@
-import { css } from '@emotion/css';
-import React, { useState } from 'react';
-
-import { GrafanaTheme2 } from '@grafana/data';
-import { getBackendSrv } from '@grafana/runtime';
-import { Button, CodeEditor, Modal, useTheme2 } from '@grafana/ui';
-
-export const ExportStartButton = () => {
-  const styles = getStyles(useTheme2());
-  const [open, setOpen] = useState(false);
-  const [body, setBody] = useState({
-    format: 'git',
-    git: {},
-  });
-  const onDismiss = () => setOpen(false);
-  const doStart = () => {
-    getBackendSrv()
-      .post('/api/admin/export', body)
-      .then((v) => {
-        console.log('GOT', v);
-        onDismiss();
-      });
-  };
-
-  return (
-    <>
-      <Modal title={'Export grafana instance'} isOpen={open} onDismiss={onDismiss}>
-        <div className={styles.wrap}>
-          <CodeEditor
-            height={200}
-            value={JSON.stringify(body, null, 2) ?? ''}
-            showLineNumbers={false}
-            readOnly={false}
-            language="json"
-            showMiniMap={false}
-            onBlur={(text: string) => {
-              setBody(JSON.parse(text)); // force JSON?
-            }}
-          />
-        </div>
-        <Modal.ButtonRow>
-          <Button onClick={doStart}>Start</Button>
-          <Button variant="secondary" onClick={onDismiss}>
-            Cancel
-          </Button>
-        </Modal.ButtonRow>
-      </Modal>
-
-      <Button onClick={() => setOpen(true)} variant="primary">
-        Export
-      </Button>
-    </>
-  );
-};
-
-const getStyles = (theme: GrafanaTheme2) => {
-  return {
-    wrap: css`
-      border: 2px solid #111;
-    `,
-  };
-};

public/app/features/admin/ExportStatus.tsx

@@ -1,82 +0,0 @@
-import { css } from '@emotion/css';
-import React, { useEffect, useState } from 'react';
-
-import { GrafanaTheme2, isLiveChannelMessageEvent, isLiveChannelStatusEvent, LiveChannelScope } from '@grafana/data';
-import { getBackendSrv, getGrafanaLiveSrv } from '@grafana/runtime';
-import { Button, useTheme2 } from '@grafana/ui';
-
-import { ExportStartButton } from './ExportStartButton';
-
-interface ExportStatusMessage {
-  running: boolean;
-  target: string;
-  started: number;
-  finished: number;
-  update: number;
-  count: number;
-  current: number;
-  last: string;
-  status: string;
-}
-
-export const ExportStatus = () => {
-  const styles = getStyles(useTheme2());
-  const [status, setStatus] = useState<ExportStatusMessage>();
-
-  useEffect(() => {
-    const subscription = getGrafanaLiveSrv()
-      .getStream<ExportStatusMessage>({
-        scope: LiveChannelScope.Grafana,
-        namespace: 'broadcast',
-        path: 'export',
-      })
-      .subscribe({
-        next: (evt) => {
-          if (isLiveChannelMessageEvent(evt)) {
-            setStatus(evt.message);
-          } else if (isLiveChannelStatusEvent(evt)) {
-            setStatus(evt.message);
-          }
-        },
-      });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, []);
-
-  if (!status) {
-    return (
-      <div className={styles.wrap}>
-        <ExportStartButton />
-      </div>
-    );
-  }
-
-  return (
-    <div className={styles.wrap}>
-      <pre>{JSON.stringify(status, null, 2)}</pre>
-      {Boolean(!status.running) && <ExportStartButton />}
-      {Boolean(status.running) && (
-        <Button
-          variant="secondary"
-          onClick={() => {
-            getBackendSrv().post('/api/admin/export/stop');
-          }}
-        >
-          Stop
-        </Button>
-      )}
-    </div>
-  );
-};
-
-const getStyles = (theme: GrafanaTheme2) => {
-  return {
-    wrap: css`
-      border: 4px solid red;
-    `,
-    running: css`
-      border: 4px solid green;
-    `,
-  };
-};

public/app/features/admin/ServerStats.tsx

@@ -10,7 +10,6 @@ import { contextSrv } from '../../core/services/context_srv';
 import { Loader } from '../plugins/admin/components/Loader';
 
 import { CrawlerStatus } from './CrawlerStatus';
-import { ExportStatus } from './ExportStatus';
 import { getServerStats, ServerStat } from './state/apis';
 
 export const ServerStats = () => {
@@ -99,7 +98,6 @@ export const ServerStats = () => {
       )}
 
       {config.featureToggles.dashboardPreviews && config.featureToggles.dashboardPreviewsAdmin && <CrawlerStatus />}
-      {config.featureToggles.export && <ExportStatus />}
     </>
   );
 };