Clean up loading page components

elastic · Sep 18, 2018 · 50ae47e · 50ae47e
1 parent 6dfe01f
commit 50ae47e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 17 deletions.
diff --git a/x-pack/plugins/infra/public/components/loading_page.tsx b/x-pack/plugins/infra/public/components/loading_page.tsx
@@ -8,12 +8,12 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiLoadingSpinner,
-  EuiPage,
   EuiPageBody,
   EuiPageContent,
 } from '@elastic/eui';
 import React from 'react';
-import styled from 'styled-components';
+
+import { FlexPage } from './page';
 
 interface LoadingPageProps {
   message?: string;
@@ -33,18 +33,3 @@ export const LoadingPage = ({ message }: LoadingPageProps) => (
     </EuiPageBody>
   </FlexPage>
 );
-
-const FlexPage = styled(EuiPage)`
-  flex: 1 0 0;
-`;
-
-// const InlineMessage = styled.div`
-//   display: flex;
-//   flex-direction: row;
-//   align-items: center;
-// `;
-
-// const MessageText = styled.div`
-//   padding: ${props => props.theme.eui.euiSizeM};
-//   display: inline-block;
-// `;
diff --git a/x-pack/plugins/infra/public/components/page.tsx b/x-pack/plugins/infra/public/components/page.tsx
@@ -4,6 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { EuiPage } from '@elastic/eui';
 import styled from 'styled-components';
 
 export const ColumnarPage = styled.div`
@@ -19,3 +20,7 @@ export const PageContent = styled.div`
   flex-direction: row;
   background-color: ${props => props.theme.eui.euiColorEmptyShade};
 `;
+
+export const FlexPage = styled(EuiPage)`
+  flex: 1 0 0;
+`;