From 5c680ff325258e7863a48d36eef169f641fd5321 Mon Sep 17 00:00:00 2001
From: Michel Weststrate <mweststrate@fb.com>
Date: Wed, 4 Dec 2019 02:53:33 -0800
Subject: [PATCH] Fix alignment of uploading progress and overflow of video
 preview

Summary: Nuf said

Reviewed By: jknoxville

Differential Revision: D18782822

fbshipit-source-id: b17723694e8528408b77f27467132bf83695a84a
---
 src/chrome/ShareSheetExportFile.tsx                |  1 +
 src/chrome/ShareSheetExportUrl.tsx                 |  1 +
 src/chrome/ShareSheetPendingDialog.tsx             |  4 ++--
 .../ShareSheetPendingDialog.node.tsx.snap          | 14 ++++++++++++--
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/chrome/ShareSheetExportFile.tsx b/src/chrome/ShareSheetExportFile.tsx
index 43f85153a..b1c6f4f27 100644
--- a/src/chrome/ShareSheetExportFile.tsx
+++ b/src/chrome/ShareSheetExportFile.tsx
@@ -180,6 +180,7 @@ export default class ShareSheetExportFile extends Component<Props, State> {
       <ReactReduxContext.Consumer>
         {({store}) => (
           <ShareSheetPendingDialog
+            width={500}
             statusUpdate={statusUpdate}
             statusMessage="Exporting Flipper trace..."
             onCancel={() => this.cancelAndHide(store)}
diff --git a/src/chrome/ShareSheetExportUrl.tsx b/src/chrome/ShareSheetExportUrl.tsx
index c9ce7b4a1..1797cf43e 100644
--- a/src/chrome/ShareSheetExportUrl.tsx
+++ b/src/chrome/ShareSheetExportUrl.tsx
@@ -194,6 +194,7 @@ export default class ShareSheetExportUrl extends Component<Props, State> {
       <ReactReduxContext.Consumer>
         {({store}) => (
           <ShareSheetPendingDialog
+            width={500}
             statusUpdate={statusUpdate}
             statusMessage="Uploading Flipper trace..."
             onCancel={this.cancelAndHide(store)}
diff --git a/src/chrome/ShareSheetPendingDialog.tsx b/src/chrome/ShareSheetPendingDialog.tsx
index 5b05823d0..5c8fda1b8 100644
--- a/src/chrome/ShareSheetPendingDialog.tsx
+++ b/src/chrome/ShareSheetPendingDialog.tsx
@@ -21,7 +21,6 @@ import React from 'react';
 
 const Container = styled(FlexColumn)({
   padding: 20,
-  width: 500,
 });
 
 const Center = styled(FlexColumn)({
@@ -40,9 +39,10 @@ export default function(props: {
   hideNavButtons?: boolean;
   onCancel?: () => void;
   onRunInBackground?: () => void;
+  width?: number;
 }) {
   return (
-    <Container>
+    <Container style={{width: props.width}}>
       <Center>
         <LoadingIndicator size={30} />
         {props.statusUpdate && props.statusUpdate.length > 0 ? (
diff --git a/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap b/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap
index 82b854a81..fde290a3f 100644
--- a/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap
+++ b/src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap
@@ -2,7 +2,12 @@
 
 exports[`ShareSheetPendingDialog is rendered with status update 1`] = `
 <div
-  className="css-1uu1nb5"
+  className="css-ha9vz3"
+  style={
+    Object {
+      "width": undefined,
+    }
+  }
 >
   <div
     className="css-mgujkx"
@@ -47,7 +52,12 @@ exports[`ShareSheetPendingDialog is rendered with status update 1`] = `
 
 exports[`ShareSheetPendingDialog is rendered without status update 1`] = `
 <div
-  className="css-1uu1nb5"
+  className="css-ha9vz3"
+  style={
+    Object {
+      "width": undefined,
+    }
+  }
 >
   <div
     className="css-mgujkx"