From a8f749b2e8c7b4a37d1429aa3b24b76c093ee590 Mon Sep 17 00:00:00 2001 From: Pritesh Nandgaonkar Date: Thu, 28 May 2020 11:22:19 -0700 Subject: [PATCH] Update the UX of the mobilebuild download Summary: Update the UX of the mobilebuild download. When one clicks download one can see the the installation in progress in the main screen. Once its downloaded, you can open the finder pointed to the folder of download. I didn't write the test for InstallSection as I was not able to test it through react-testing library. Seems like the data gets added to the document little late and not instantly. Next work: - Search in sidebar - Persist downloaded app data for a session - Show download data in the form of progress bar. Reviewed By: mweststrate Differential Revision: D21709229 fbshipit-source-id: e67db68ff16155230becf86c913dc6b1ec9d482c --- desktop/app/src/index.tsx | 2 +- desktop/app/src/ui/components/colors.tsx | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/desktop/app/src/index.tsx b/desktop/app/src/index.tsx index 26c789d86..30595e435 100644 --- a/desktop/app/src/index.tsx +++ b/desktop/app/src/index.tsx @@ -34,7 +34,7 @@ export {PluginClient, Props} from './plugin'; export {default as Client} from './Client'; export {MetricType} from './utils/exportMetrics'; export {default as promiseTimeout} from './utils/promiseTimeout'; -export {clipboard} from 'electron'; +export {clipboard, remote, OpenDialogOptions} from 'electron'; export {default as SupportRequestFormV2} from './fb-stubs/SupportRequestFormV2'; export {default as constants} from './fb-stubs/constants'; export {connect} from 'react-redux'; diff --git a/desktop/app/src/ui/components/colors.tsx b/desktop/app/src/ui/components/colors.tsx index a5d49fbc0..b949355cc 100644 --- a/desktop/app/src/ui/components/colors.tsx +++ b/desktop/app/src/ui/components/colors.tsx @@ -31,6 +31,7 @@ export const colors = { highlightTint70: '#c6d9ff', // Highlight - Tint 70 (illustrations only) highlightTint90: '#ecf2ff', // Highlight - Tint 90 (illustrations only) highlightBackground: '#edf2fa', // Highlight Background - Background fill for unread or highlighted states. Not intended for hover / pressed states + highlighButtonPrimaryColor: '#237FF1', // Blue color which is used in the button when its type is primary green: '#42b72a', // Green - Confirmation, success, commerce and status red: '#FC3A4B', // Red - Badges, error states redTint: '#FEF2F1',