App component refactoring

pages/article/[article].jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../../src/components/App'
+import { App } from '../../src/components/App'
 import Article from '../../src/components/Article'
 import Html from '../../src/components/Html'
 import menuModel from '../../src/models/menu'

pages/articles/[page].jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../../src/components/App'
+import { App } from '../../src/components/App'
 import ArticleCardList from '../../src/components/ArticleCardList'
 import menuModel from '../../src/models/menu'
 import { buildMenu } from '../../src/lib/menu'

pages/collective.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../src/components/App'
+import { App } from '../src/components/App'
 import { Meta } from '../src/components/Meta'
 import { CollectiveImage } from '../src/components/CollectiveImage'
 import PersonCard from '../src/components/PersonCard'

pages/document/[document].jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../../src/components/App'
+import { App } from '../../src/components/App'
 import Document from '../../src/components/Document'
 import Share from '../../src/components/Share'
 import menuModel from '../../src/models/menu'

pages/documents.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../src/components/App'
+import { App } from '../src/components/App'
 import { Meta } from '../src/components/Meta'
 import menuModel from '../src/models/menu'
 import { buildMenu } from '../src/lib/menu'

pages/gallery.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../src/components/App'
+import { App } from '../src/components/App'
 // import Album from '../src/components/Album'
 import Article from '../src/components/Article'
 import { Meta } from '../src/components/Meta'

pages/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../src/components/App'
+import { App } from '../src/components/App'
 import { Meta } from '../src/components/Meta'
 import ArticleCardList from '../src/components/ArticleCardList'
 import HudozkaTitle from '../src/components/HudozkaTitle'

pages/next.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../src/components/App'
+import { App } from '../src/components/App'
 import Page from '../src/components/Page'
 import menuModel from '../src/models/menu'
 import { buildMenu } from '../src/lib/menu'

pages/schedule.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../src/components/App'
+import { App } from '../src/components/App'
 import Schedule from '../src/components/Schedule'
 import Share from '../src/components/Share'
 import menuModel from '../src/models/menu'

pages/teacher/[person].jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import axios from 'axios'
 import Head from 'next/head'
-import App from '../../src/components/App'
+import { App } from '../../src/components/App'
 import Page from '../../src/components/Page'
 import { Meta } from '../../src/components/Meta'
 import menuModel from '../../src/models/menu'

src/components/App.js

@@ -1,11 +1,11 @@
-const React = require('react')
-const Menu = require('./Menu')
-const Footer = require('./Footer')
-const Comments = require('./Comments')
+import React from 'react'
+import Menu from './Menu'
+import Footer from './Footer'
+import Comments from './Comments'
 
 import '../style/style.scss'
 
-const App = ({children, menu, showAuthor, menuPadding}) => (
+export const App = ({children, menu, showAuthor, menuPadding}) => (
 	<div className="body-wrapper theme-default">
 		<header>
 			<div className="navigation">
@@ -30,5 +30,3 @@ const App = ({children, menu, showAuthor, menuPadding}) => (
 		/>
 	</div>
 )
-
-module.exports = App