ArticleCard + ArticleCardList refactoring

pages/articles/[page].jsx

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

pages/index.jsx

@@ -3,7 +3,7 @@ import axios from 'axios'
 import Head from 'next/head'
 import { App } from '../src/components/App'
 import { Meta } from '../src/components/Meta'
-import ArticleCardList from '../src/components/ArticleCardList'
+import { ArticleCardList } from '../src/components/ArticleCardList'
 import { HudozkaTitle } from '../src/components/HudozkaTitle'
 import menuModel from '../src/models/menu'
 import { meta } from '../src/lib/meta'

src/components/ArticleCard.jsx

@@ -6,7 +6,7 @@ const Date = ({ children }) => (
     <p className="date">{dateFormat(children)}</p>
 )
 
-const ArticleCard = ({ article }) => (
+export const ArticleCard = ({ article }) => (
     <article className="ArticleCard">
         <style jsx>{`
             .ArticleCard {
@@ -120,5 +120,3 @@ const ArticleCard = ({ article }) => (
         </a>
     </article>
 )
-
-module.exports = ArticleCard

src/components/ArticleCardList.js

@@ -1,26 +0,0 @@
-const React = require('react')
-const Paginator = require('./Paginator')
-const ArticleCard = require('./ArticleCard')
-
-const ArticleCardList = ({articles, nextPage, prevPage}) => (
-	<div className="ArticleCardList">
-		{!prevPage ? null : (
-			<Paginator url={`/articles/${prevPage}`} type="top"/>
-		)}
-
-		<div className="ArticleCardList-body">
-			{articles.map((article, i) => (
-				<ArticleCard
-					key={i}
-					article={article}
-				/>
-			))}
-		</div>
-
-		{!nextPage ? null : (
-			<Paginator url={`/articles/${nextPage}`} type="bottom"/>
-		)}
-	</div>
-)
-
-module.exports = ArticleCardList

src/components/ArticleCardList.jsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import Paginator from './Paginator'
+import { ArticleCard } from './ArticleCard'
+
+export const ArticleCardList = ({ articles, nextPage, prevPage }) => (
+    <div className="ArticleCardList">
+        {!prevPage ? null : (
+            <Paginator url={`/articles/${prevPage}`} type="top" />
+        )}
+
+        <div className="ArticleCardList-body">
+            {articles.map((article, i) => (
+                <ArticleCard
+                    key={i}
+                    article={article}
+                />
+            ))}
+        </div>
+
+        {!nextPage ? null : (
+            <Paginator url={`/articles/${nextPage}`} type="bottom" />
+        )}
+    </div>
+)