From b53ed7f6ca3cd120ba038d327ed27f4702aeb983 Mon Sep 17 00:00:00 2001
From: Hornwitser <github@hornwitser.no>
Date: Thu, 20 May 2021 21:48:38 +0200
Subject: [PATCH] Add Export data button to instance page

Add missing button to do the export data action on an instance.
---
 .../web_ui/src/components/InstanceViewPage.jsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/web_ui/src/components/InstanceViewPage.jsx b/packages/web_ui/src/components/InstanceViewPage.jsx
index 4b7cd077..582b7d8d 100644
--- a/packages/web_ui/src/components/InstanceViewPage.jsx
+++ b/packages/web_ui/src/components/InstanceViewPage.jsx
@@ -31,6 +31,8 @@ export default function InstanceViewPage(props) {
 	let [instance] = useInstance(instanceId);
 	let [slave] = useSlave(Number(instance["assigned_slave"]));
 
+	let [exportingData, setExportingData] = useState(false);
+
 	let nav = [{ name: "Instances", path: "/instances" }, { name: instance.name || "Unknown" }];
 	if (instance.loading) {
 		return <PageLayout nav={nav}><Spin size="large" /></PageLayout>;
@@ -47,6 +49,22 @@ export default function InstanceViewPage(props) {
 		<StartStopInstanceButton instance={instance} />
 		<CreateSaveModal instance={instance} />
 		<LoadScenarioModal instance={instance} />
+		<Button
+			loading={exportingData}
+			disabled={instance.status !== "stopped"}
+			onClick={() => {
+				setExportingData(true);
+				libLink.messages.exportData.send(
+					control, { instance_id: instanceId }
+				).catch(
+					notifyErrorHandler("Error exporting data")
+				).finally(() => {
+					setExportingData(false);
+				});
+			}}
+		>
+			Export data
+		</Button>
 		<Popconfirm
 			title="Permanently delete instance and server saves?"
 			okText="Delete"