From 8c9a40cfed5cdb6aa74a39602cfcada8b97c2565 Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <kou029w@gmail.com>
Date: Sun, 9 Feb 2020 02:46:41 +0900
Subject: [PATCH] update theme

---
 pages/about.md       | 10 +++++++++-
 pages/index.md       |  2 +-
 styles/MainTheme.tsx |  9 +++------
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/pages/about.md b/pages/about.md
index b092323..78ecece 100644
--- a/pages/about.md
+++ b/pages/about.md
@@ -1,3 +1,11 @@
 # About
 
-- [Back to Home](/)
+Next.js、MDX、Material-UI の組み合わせで作ってみたサンプルページ。
+
+## ソースコード
+
+[https://github.com/kou029w/next-example](https://github.com/kou029w/next-example)
+
+## ライセンス
+
+MIT
diff --git a/pages/index.md b/pages/index.md
index 1c0e5ca..3204983 100644
--- a/pages/index.md
+++ b/pages/index.md
@@ -1,3 +1,3 @@
 # Hello Next.js
 
-- [/about](/about)
+- [About](/about)
diff --git a/styles/MainTheme.tsx b/styles/MainTheme.tsx
index 3377754..7cc8dbc 100644
--- a/styles/MainTheme.tsx
+++ b/styles/MainTheme.tsx
@@ -58,7 +58,8 @@ export const components = {
         <MuiLink variant="body1" color="secondary" href={url} {...props} />
       </Link>
     );
-  }
+  },
+  p: (props: {}) => <Typography component="p" variant="body1" {...props} />
 };
 
 const MainTheme: React.FC = ({ children }) => (
@@ -66,11 +67,7 @@ const MainTheme: React.FC = ({ children }) => (
     <MDXProvider components={components}>
       <TopAppBar />
       <Box paddingTop={6}>
-        <Container>
-          <Typography component="div" variant="body1">
-            {children}
-          </Typography>
-        </Container>
+        <Container>{children}</Container>
       </Box>
     </MDXProvider>
   </ThemeProvider>