From 12cb344c4a2a1b2741aaadbf0c8f160a86e1de74 Mon Sep 17 00:00:00 2001
From: Tharaka Wijebandara <tharaka.nw@gmail.com>
Date: Sat, 2 Sep 2017 06:29:37 +0530
Subject: [PATCH] Rename Overlay to ErrorOvelay (#3051)

---
 .../src/components/{Overlay.js => ErrorOverlay.js}          | 4 ++--
 .../src/containers/CompileErrorContainer.js                 | 6 +++---
 .../src/containers/RuntimeErrorContainer.js                 | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)
 rename packages/react-error-overlay/src/components/{Overlay.js => ErrorOverlay.js} (96%)

diff --git a/packages/react-error-overlay/src/components/Overlay.js b/packages/react-error-overlay/src/components/ErrorOverlay.js
similarity index 96%
rename from packages/react-error-overlay/src/components/Overlay.js
rename to packages/react-error-overlay/src/components/ErrorOverlay.js
index 4fe530b6f..446105dad 100644
--- a/packages/react-error-overlay/src/components/Overlay.js
+++ b/packages/react-error-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
index bd193eb50..a3e89fe59 100644
--- 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
index c84adb194..9c41aa381 100644
--- 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>
     );
   }
 }