diff --git a/src/App.js b/src/App.js
deleted file mode 100644
index 03c8f1e..0000000
--- a/src/App.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react'
-import {
- BrowserRouter,
- Switch,
- Route
-} from 'react-router-dom'
-
-import Header from 'components/Header'
-import { About, Thread, Subreddit } from 'pages'
-
-export default () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-)
diff --git a/src/index.js b/src/index.js
index aa91d9f..008dbde 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,12 +2,31 @@ import 'babel-polyfill'
import React from 'react'
import ReactDOM from 'react-dom'
import { Provider } from 'react-redux'
-import { store } from 'state'
-import App from 'App'
+import { BrowserRouter, Switch, Route } from 'react-router-dom'
+
+import { store } from './state'
+
+import Header from './pages/common/Header'
+import About from './pages/about'
+import Subreddit from './pages/subreddit'
+import Thread from './pages/thread'
ReactDOM.render(
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
,
document.getElementById('app')
)
diff --git a/src/pages/About.js b/src/pages/about/index.js
similarity index 100%
rename from src/pages/About.js
rename to src/pages/about/index.js
diff --git a/src/components/Header.js b/src/pages/common/Header.js
similarity index 88%
rename from src/components/Header.js
rename to src/pages/common/Header.js
index 5ca7877..96cc729 100644
--- a/src/components/Header.js
+++ b/src/pages/common/Header.js
@@ -1,6 +1,6 @@
import React from 'react'
import { Link } from 'react-router-dom'
-import StatusBox from 'containers/StatusBox'
+import StatusBox from './StatusBox'
export default () => (
diff --git a/src/components/Post.js b/src/pages/common/Post.js
similarity index 100%
rename from src/components/Post.js
rename to src/pages/common/Post.js
diff --git a/src/containers/StatusBox.js b/src/pages/common/StatusBox.js
similarity index 100%
rename from src/containers/StatusBox.js
rename to src/pages/common/StatusBox.js
diff --git a/src/pages/index.js b/src/pages/index.js
deleted file mode 100644
index 80d8edf..0000000
--- a/src/pages/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as About } from './About'
-export { default as Subreddit } from './Subreddit'
-export { default as Thread } from './Thread'
diff --git a/src/pages/Search.js b/src/pages/search/index.js
similarity index 100%
rename from src/pages/Search.js
rename to src/pages/search/index.js
diff --git a/src/components/SubredditPagination.js b/src/pages/subreddit/SubredditPagination.js
similarity index 100%
rename from src/components/SubredditPagination.js
rename to src/pages/subreddit/SubredditPagination.js
diff --git a/src/components/SubredditSort.js b/src/pages/subreddit/SubredditSort.js
similarity index 100%
rename from src/components/SubredditSort.js
rename to src/pages/subreddit/SubredditSort.js
diff --git a/src/pages/Subreddit.js b/src/pages/subreddit/index.js
similarity index 98%
rename from src/pages/Subreddit.js
rename to src/pages/subreddit/index.js
index b41a8c2..472de16 100644
--- a/src/pages/Subreddit.js
+++ b/src/pages/subreddit/index.js
@@ -2,7 +2,7 @@ import React from 'react'
import { Link } from 'react-router-dom'
import { getRemovedThreadIDs } from 'api/removeddit'
import { getThreads } from 'api/reddit'
-import Post from 'components/Post'
+import Post from '../common/Post'
const getSubredditForAPI = props => {
const { subreddit = 'all' } = props.match.params
diff --git a/src/components/Comment.js b/src/pages/thread/Comment.js
similarity index 100%
rename from src/components/Comment.js
rename to src/pages/thread/Comment.js
diff --git a/src/components/CommentInfo.js b/src/pages/thread/CommentInfo.js
similarity index 100%
rename from src/components/CommentInfo.js
rename to src/pages/thread/CommentInfo.js
diff --git a/src/components/CommentSection.js b/src/pages/thread/CommentSection.js
similarity index 96%
rename from src/components/CommentSection.js
rename to src/pages/thread/CommentSection.js
index 5886cc5..6a38849 100644
--- a/src/components/CommentSection.js
+++ b/src/pages/thread/CommentSection.js
@@ -1,7 +1,7 @@
import React from 'react'
-import Comment from 'components/Comment'
-import CommentInfo from 'components/CommentInfo'
-import SortBy from 'components/SortBy'
+import Comment from './Comment'
+import CommentInfo from './CommentInfo'
+import SortBy from './SortBy'
import { connect } from 'react-redux'
import {
SORT_TOP, SORT_BOTTOM, SORT_NEW, SORT_OLD,
diff --git a/src/components/SortBy.js b/src/pages/thread/SortBy.js
similarity index 100%
rename from src/components/SortBy.js
rename to src/pages/thread/SortBy.js
diff --git a/src/components/ThreadInfo.js b/src/pages/thread/ThreadInfo.js
similarity index 100%
rename from src/components/ThreadInfo.js
rename to src/pages/thread/ThreadInfo.js
diff --git a/src/pages/Thread.js b/src/pages/thread/index.js
similarity index 97%
rename from src/pages/Thread.js
rename to src/pages/thread/index.js
index 43288cf..1e9ec77 100644
--- a/src/pages/Thread.js
+++ b/src/pages/thread/index.js
@@ -1,6 +1,6 @@
import React from 'react'
-import Post from 'components/Post'
-import CommentSection from 'components/CommentSection'
+import Post from '../common/Post'
+import CommentSection from './CommentSection'
import {
getPost,
getComments as getRedditComments