From 92bbccb6e0de36865364c19af70a9858924d2357 Mon Sep 17 00:00:00 2001
From: Pritesh Nandgaonkar <prit91@fb.com>
Date: Fri, 29 Nov 2019 05:56:23 -0800
Subject: [PATCH] Export in the support form

Summary: This diff adds exporting UI in the support form itself. It replaces the "Export as File and Link" buttons with a submit button, which uploads media and then initiates flipper export.

Reviewed By: mweststrate

Differential Revision: D18714630

fbshipit-source-id: ccbb9b2d47687e77a0fdb5449c18e91a5bd5f96e
---
 src/chrome/ShareSheetPendingDialog.tsx        | 38 +++++++++++++------
 .../ShareSheetPendingDialog.node.tsx.snap     |  4 +-
 2 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/src/chrome/ShareSheetPendingDialog.tsx b/src/chrome/ShareSheetPendingDialog.tsx
index bc28c0d6d..6d70aaf54 100644
--- a/src/chrome/ShareSheetPendingDialog.tsx
+++ b/src/chrome/ShareSheetPendingDialog.tsx
@@ -37,8 +37,9 @@ const Uploading = styled(Text)({
 export default function(props: {
   statusMessage: string;
   statusUpdate: string | null;
-  onCancel: () => void;
-  onRunInBackground: () => void;
+  hideNavButtons?: boolean;
+  onCancel?: () => void;
+  onRunInBackground?: () => void;
 }) {
   return (
     <Container>
@@ -50,19 +51,32 @@ export default function(props: {
           </Uploading>
         ) : (
           <Uploading bold color={colors.macOSTitleBarIcon}>
-            {props.statusUpdate}
+            {props.statusMessage}
           </Uploading>
         )}
       </Center>
-      <FlexRow>
-        <Spacer />
-        <Button compact padded onClick={() => props.onCancel()}>
-          Cancel
-        </Button>
-        <Button compact padded type="primary" onClick={props.onRunInBackground}>
-          Run In Background
-        </Button>
-      </FlexRow>
+      {!props.hideNavButtons && props.onCancel && props.onRunInBackground && (
+        <FlexRow>
+          <Spacer />
+          <Button
+            compact
+            padded
+            onClick={() => {
+              props.onCancel && props.onCancel();
+            }}>
+            Cancel
+          </Button>
+          <Button
+            compact
+            padded
+            type="primary"
+            onClick={() => {
+              props.onRunInBackground && props.onRunInBackground();
+            }}>
+            Run In Background
+          </Button>
+        </FlexRow>
+      )}
     </Container>
   );
 }
diff --git a/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap b/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap
index 3e98a6d26..82b854a81 100644
--- a/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap
+++ b/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap
@@ -59,7 +59,9 @@ exports[`ShareSheetPendingDialog is rendered without status update 1`] = `
     <span
       className="css-91luyc"
       color="#6f6f6f"
-    />
+    >
+      wubba lubba dub dub
+    </span>
   </div>
   <div
     className="css-a1glw"