From 8cf720986eb464a39e634ca59c4c3b20b3cd368d Mon Sep 17 00:00:00 2001
From: August Skare
Date: Mon, 22 Oct 2018 13:18:51 +0200
Subject: rename Main to Content
---
packages/dev-tools-pages/ts/components/Content.tsx | 44 ++++++++++++++++++++++
packages/dev-tools-pages/ts/components/Main.tsx | 44 ----------------------
packages/dev-tools-pages/ts/pages/Compiler.tsx | 10 ++---
packages/dev-tools-pages/ts/pages/Cov.tsx | 6 +--
packages/dev-tools-pages/ts/pages/Profiler.tsx | 6 +--
packages/dev-tools-pages/ts/pages/Trace.tsx | 6 +--
6 files changed, 58 insertions(+), 58 deletions(-)
create mode 100644 packages/dev-tools-pages/ts/components/Content.tsx
delete mode 100644 packages/dev-tools-pages/ts/components/Main.tsx
(limited to 'packages')
diff --git a/packages/dev-tools-pages/ts/components/Content.tsx b/packages/dev-tools-pages/ts/components/Content.tsx
new file mode 100644
index 000000000..6c0270dbc
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/Content.tsx
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { Beta } from './Typography';
+import Container from './Container';
+import ContentBlock from './ContentBlock';
+
+const StyledMain =
+ styled.div <
+ MainProps >
+ `
+ padding-top: 6.25rem;
+ padding-bottom: 6.25rem;
+ ${props =>
+ props.dark
+ ? `
+ background-color: #000;
+ color: #fff;
+ `
+ : ''};
+`;
+
+interface MainProps {
+ title?: string;
+ subtitle?: string;
+ dark?: boolean;
+ children: React.ReactNode;
+}
+
+function Main(props: MainProps) {
+ return (
+
+
+
+ {props.subtitle ? {props.subtitle} : null}
+
+
+ {props.children}
+
+
+ );
+}
+
+export default Main;
diff --git a/packages/dev-tools-pages/ts/components/Main.tsx b/packages/dev-tools-pages/ts/components/Main.tsx
deleted file mode 100644
index 6c0270dbc..000000000
--- a/packages/dev-tools-pages/ts/components/Main.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components';
-
-import { Beta } from './Typography';
-import Container from './Container';
-import ContentBlock from './ContentBlock';
-
-const StyledMain =
- styled.div <
- MainProps >
- `
- padding-top: 6.25rem;
- padding-bottom: 6.25rem;
- ${props =>
- props.dark
- ? `
- background-color: #000;
- color: #fff;
- `
- : ''};
-`;
-
-interface MainProps {
- title?: string;
- subtitle?: string;
- dark?: boolean;
- children: React.ReactNode;
-}
-
-function Main(props: MainProps) {
- return (
-
-
-
- {props.subtitle ? {props.subtitle} : null}
-
-
- {props.children}
-
-
- );
-}
-
-export default Main;
diff --git a/packages/dev-tools-pages/ts/pages/Compiler.tsx b/packages/dev-tools-pages/ts/pages/Compiler.tsx
index c6e67021e..8e2c7f058 100644
--- a/packages/dev-tools-pages/ts/pages/Compiler.tsx
+++ b/packages/dev-tools-pages/ts/pages/Compiler.tsx
@@ -3,7 +3,7 @@ import { render, hydrate } from 'react-dom';
import context from 'ts/context/compiler';
import Base from 'ts/components/Base';
-import Main from 'ts/components/Main';
+import Content from 'ts/components/Content';
import ContentBlock from 'ts/components/ContentBlock';
import { Tabs, TabBlock } from 'ts/components/Tabs';
import Code from 'ts/components/Code';
@@ -15,7 +15,7 @@ function Compiler() {
return (
-
+
@@ -44,8 +44,8 @@ const artifactAdapter = new SolCompilerArtifactAdapter(artifactsDir, contractsDi
Custom
-
-
+
-
+
);
}
diff --git a/packages/dev-tools-pages/ts/pages/Cov.tsx b/packages/dev-tools-pages/ts/pages/Cov.tsx
index d5b607334..1d8bbf512 100644
--- a/packages/dev-tools-pages/ts/pages/Cov.tsx
+++ b/packages/dev-tools-pages/ts/pages/Cov.tsx
@@ -3,7 +3,7 @@ import { render, hydrate } from 'react-dom';
import context from 'ts/context/cov';
import Base from 'ts/components/Base';
-import Main from 'ts/components/Main';
+import Content from 'ts/components/Content';
import ContentBlock from 'ts/components/ContentBlock';
import { Tabs, TabBlock } from 'ts/components/Tabs';
import Code from 'ts/components/Code';
@@ -21,7 +21,7 @@ function Cov() {
coverage.
-
+
@@ -50,7 +50,7 @@ const artifactAdapter = new SolCompilerArtifactAdapter(artifactsDir, contractsDi
Custom
-
+
);
}
diff --git a/packages/dev-tools-pages/ts/pages/Profiler.tsx b/packages/dev-tools-pages/ts/pages/Profiler.tsx
index ae847ad41..49028c46a 100644
--- a/packages/dev-tools-pages/ts/pages/Profiler.tsx
+++ b/packages/dev-tools-pages/ts/pages/Profiler.tsx
@@ -3,7 +3,7 @@ import { render, hydrate } from 'react-dom';
import context from 'ts/context/profiler';
import Base from 'ts/components/Base';
-import Main from 'ts/components/Main';
+import Content from 'ts/components/Content';
import ContentBlock from 'ts/components/ContentBlock';
import { Tabs, TabBlock } from 'ts/components/Tabs';
import Code from 'ts/components/Code';
@@ -21,7 +21,7 @@ function Profiler() {
data-driven approach to optimizing it.
-
+
@@ -50,7 +50,7 @@ const artifactAdapter = new SolCompilerArtifactAdapter(artifactsDir, contractsDi
Custom
-
+
);
}
diff --git a/packages/dev-tools-pages/ts/pages/Trace.tsx b/packages/dev-tools-pages/ts/pages/Trace.tsx
index b55c03005..4bdc68e95 100644
--- a/packages/dev-tools-pages/ts/pages/Trace.tsx
+++ b/packages/dev-tools-pages/ts/pages/Trace.tsx
@@ -3,7 +3,7 @@ import { render, hydrate } from 'react-dom';
import context from 'ts/context/trace';
import Base from 'ts/components/Base';
-import Main from 'ts/components/Main';
+import Content from 'ts/components/Content';
import ContentBlock from 'ts/components/ContentBlock';
import { Tabs, TabBlock } from 'ts/components/Tabs';
import Code from 'ts/components/Code';
@@ -15,7 +15,7 @@ function Trace() {
return (
-
+
@@ -44,7 +44,7 @@ const artifactAdapter = new SolCompilerArtifactAdapter(artifactsDir, contractsDi
Custom
-
+
);
}
--
cgit v1.2.3