Rename Overlay to ErrorOvelay (#3051)

facebook · Sep 2, 2017 · 51d0df4 · 51d0df4
1 parent 270b1dc
commit 51d0df4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/...t-error-overlay/src/components/Overlay.js → ...or-overlay/src/components/ErrorOverlay.js b/...t-error-overlay/src/components/Overlay.js → ...or-overlay/src/components/ErrorOverlay.js
@@ -31,7 +31,7 @@ const overlayStyle = {
   color: black,
 };
 
-class Overlay extends Component {
+class ErrorOverlay extends Component {
   iframeWindow: window = null;
 
   getIframeWindow = (element: HTMLDivElement) => {
@@ -71,4 +71,4 @@ class Overlay extends Component {
   }
 }
 
-export default Overlay;
+export default ErrorOverlay;
diff --git a/packages/react-error-overlay/src/containers/CompileErrorContainer.js b/packages/react-error-overlay/src/containers/CompileErrorContainer.js
@@ -9,7 +9,7 @@
 
 /* @flow */
 import React, { PureComponent } from 'react';
-import Overlay from '../components/Overlay';
+import ErrorOverlay from '../components/ErrorOverlay';
 import Footer from '../components/Footer';
 import Header from '../components/Header';
 import CodeBlock from '../components/CodeBlock';
@@ -19,11 +19,11 @@ class CompileErrorContainer extends PureComponent {
   render() {
     const { error } = this.props;
     return (
-      <Overlay>
+      <ErrorOverlay>
         <Header headerText="Failed to compile" />
         <CodeBlock main={true} codeHTML={generateAnsiHTML(error)} />
         <Footer line1="This error occurred during the build time and cannot be dismissed." />
-      </Overlay>
+      </ErrorOverlay>
     );
   }
 }

diff --git a/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js b/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js
@@ -9,7 +9,7 @@
 
 /* @flow */
 import React, { PureComponent } from 'react';
-import Overlay from '../components/Overlay';
+import ErrorOverlay from '../components/ErrorOverlay';
 import CloseButton from '../components/CloseButton';
 import NavigationBar from '../components/NavigationBar';
 import RuntimeError from './RuntimeError';
@@ -52,7 +52,7 @@ class RuntimeErrorContainer extends PureComponent {
     const { errorRecords, close } = this.props;
     const totalErrors = errorRecords.length;
     return (
-      <Overlay shortcutHandler={this.shortcutHandler}>
+      <ErrorOverlay shortcutHandler={this.shortcutHandler}>
         <CloseButton close={close} />
         {totalErrors > 1 &&
           <NavigationBar
@@ -69,7 +69,7 @@ class RuntimeErrorContainer extends PureComponent {
           line1="This screen is visible only in development. It will not appear if the app crashes in production."
           line2="Open your browser’s developer console to further inspect this error."
         />
-      </Overlay>
+      </ErrorOverlay>
     );
   }
 }