Modal visible -> open

Summary: The `visible` prop is marked as deprecated in favour of `open`

Reviewed By: passy

Differential Revision: D49226821

fbshipit-source-id: 4a4a7d03a1c8ff860c4e4cd02e19071185a8554e

desktop/flipper-ui-core/src/chrome/ChangelogSheet.tsx

@@ -57,11 +57,7 @@ class ChangelogSheet extends Component<Props, {}> {
 
   render() {
     return this.props.changelog ? (
-      <Modal
-        visible
-        title="Changelog"
-        onCancel={this.props.onHide}
-        footer={null}>
+      <Modal open title="Changelog" onCancel={this.props.onHide} footer={null}>
         <Markdown
           source={
             this.props.recent

desktop/flipper-ui-core/src/chrome/PlatformSelectWizard.tsx

@@ -122,7 +122,7 @@ class PlatformSelectWizard extends Component<Props, State> {
 
     return (
       <Modal
-        visible
+        open
         centered
         onCancel={() => {
           this.props.onHide();

desktop/flipper-ui-core/src/chrome/SettingsSheet.tsx

@@ -101,7 +101,7 @@ class SettingsSheet extends Component<Props, State> {
   ) {
     return (
       <Modal
-        visible
+        open
         centered
         onCancel={this.props.onHide}
         width={570}

desktop/flipper-ui-core/src/chrome/ShareSheetExportFile.tsx

@@ -200,7 +200,7 @@ export default class ShareSheetExportFile extends Component<Props, State> {
 
   render() {
     return (
-      <Modal visible onCancel={this.cancelAndHide} footer={null}>
+      <Modal open onCancel={this.cancelAndHide} footer={null}>
         {this.renderStatus()}
       </Modal>
     );

desktop/flipper-ui-core/src/chrome/ShareSheetExportUrl.tsx

@@ -152,7 +152,7 @@ export default class ShareSheetExportUrl extends Component<Props, State> {
 
   renderPending(statusUpdate: string | null) {
     return (
-      <Modal visible onCancel={this.cancelAndHide} footer={null}>
+      <Modal open onCancel={this.cancelAndHide} footer={null}>
         <ShareSheetPendingDialog
           width={500}
           statusUpdate={statusUpdate}
@@ -171,7 +171,7 @@ export default class ShareSheetExportUrl extends Component<Props, State> {
 
     const {title, errorArray} = displayFetchMetadataErrors(fetchMetaDataErrors);
     return (
-      <Modal visible onCancel={this.cancelAndHide} footer={null}>
+      <Modal open onCancel={this.cancelAndHide} footer={null}>
         <Layout.Container>
           <>
             <FlexColumn>

desktop/flipper-ui-core/src/chrome/plugin-manager/PluginManager.tsx

@@ -15,7 +15,7 @@ import {Modal} from 'antd';
 
 export default function (props: {onHide: () => any}) {
   return (
-    <Modal visible centered width={800} onCancel={props.onHide} footer={null}>
+    <Modal open centered width={800} onCancel={props.onHide} footer={null}>
       <Tabs>
         <Tab tab="Plugin Status">
           <PluginDebugger />

desktop/flipper-ui-core/src/sandy-chrome/Navbar.tsx

@@ -197,7 +197,7 @@ function ExportEverythingEverywhereAllAtOnceStatusModal({
 
   return (
     <Modal
-      visible={!!status}
+      open={!!status}
       centered
       onCancel={() => {
         setStatus(undefined);
@@ -230,7 +230,7 @@ function NotificationButton() {
         }}
       />
       <Modal
-        visible={isOpen}
+        open={isOpen}
         onCancel={() =>
           store.dispatch({type: 'isNotificationModalOpen', payload: false})
         }
@@ -537,7 +537,7 @@ function TroubleshootingModal() {
   );
   return (
     <Modal
-      visible={isOpen}
+      open={isOpen}
       onCancel={() => store.dispatch(toggleConnectivityModal())}
       width="100%"
       footer={null}
@@ -561,7 +561,7 @@ function FlipperDevToolsModal({
 }) {
   return (
     <Modal
-      visible={isOpen}
+      open={isOpen}
       onCancel={onClose}
       width="100%"
       footer={null}

desktop/flipper-ui-core/src/sandy-chrome/SetupDoctorScreen.tsx

@@ -276,7 +276,7 @@ export default function SetupDoctorScreen({
       centered
       width={570}
       title="Setup Doctor"
-      visible={visible}
+      open={visible}
       destroyOnClose
       footer={
         <SetupDoctorFooter

desktop/flipper-ui-core/src/sandy-chrome/WelcomeScreen.tsx

@@ -110,7 +110,7 @@ export default function WelcomeScreen({
     <Modal
       centered
       closable={false}
-      visible={visible}
+      open={visible}
       footer={
         <WelcomeFooter
           onClose={onClose}

desktop/flipper-ui-core/src/sandy-chrome/appinspect/LaunchEmulator.tsx

@@ -60,7 +60,7 @@ function NoSDKsEnabledAlert({onClose}: {onClose: () => void}) {
   return (
     <>
       <Modal
-        visible
+        open
         centered
         onCancel={onClose}
         title="No Mobile SDKs Enabled"
@@ -252,7 +252,7 @@ export const LaunchEmulatorDialog = withTrackingScope(
 
     return (
       <Modal
-        visible
+        open
         centered
         onCancel={onClose}
         title="Launch Virtual device"

desktop/flipper-ui-core/src/sandy-chrome/notification/BlocklistSettingButton.tsx

@@ -31,7 +31,7 @@ export default function BlocklistSettingButton(props: {
       />
       <Modal
         title="Notification Setting"
-        visible={showModal}
+        open={showModal}
         width={650}
         footer={null}
         onCancel={() => setShowModal(false)}>