diff --git a/client/coral-admin/src/AppRouter.js b/client/coral-admin/src/AppRouter.js
index 6d55d7b18..bc9747f34 100644
--- a/client/coral-admin/src/AppRouter.js
+++ b/client/coral-admin/src/AppRouter.js
@@ -4,6 +4,7 @@ import {Router, Route, IndexRoute, browserHistory} from 'react-router';
import ModerationQueue from 'containers/ModerationQueue/ModerationQueue';
import CommentStream from 'containers/CommentStream/CommentStream';
import Configure from 'containers/Configure/Configure';
+import Streams from 'containers/Streams/Streams';
import CommunityContainer from 'containers/Community/CommunityContainer';
import LayoutContainer from 'containers/LayoutContainer';
@@ -13,6 +14,7 @@ const routes = (
+
);
diff --git a/client/coral-admin/src/components/ui/Header.js b/client/coral-admin/src/components/ui/Header.js
index e4d151d30..4c76424cc 100644
--- a/client/coral-admin/src/components/ui/Header.js
+++ b/client/coral-admin/src/components/ui/Header.js
@@ -16,6 +16,8 @@ export default ({handleLogout}) => (
activeClassName={styles.active}>{lang.t('configure.community')}
{lang.t('configure.configure')}
+ {lang.t('configure.streams')}
diff --git a/client/coral-admin/src/containers/Streams/Streams.css b/client/coral-admin/src/containers/Streams/Streams.css
new file mode 100644
index 000000000..56d757863
--- /dev/null
+++ b/client/coral-admin/src/containers/Streams/Streams.css
@@ -0,0 +1,40 @@
+.container {
+ padding: 10px;
+ display: flex;
+}
+
+.leftColumn {
+ width: 200px;
+}
+
+.mainContent {
+ width: calc(70% - 300px)
+}
+
+.searchIcon {
+ vertical-align: middle;
+ font-size: 18px;
+ color: #ccc;
+}
+
+.searchBox {
+ padding: 3px;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ width: 90%;
+ display: flex;
+}
+
+.searchBoxInput {
+ border: none;
+ flex: 1;
+ font-size: 14px;
+}
+
+.searchBoxInput:focus {
+ outline: none;
+}
+
+.hidden {
+ display: none;
+}
diff --git a/client/coral-admin/src/containers/Streams/Streams.js b/client/coral-admin/src/containers/Streams/Streams.js
new file mode 100644
index 000000000..0e3e0d3f1
--- /dev/null
+++ b/client/coral-admin/src/containers/Streams/Streams.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import styles from './Streams.css';
+import I18n from 'coral-framework/modules/i18n/i18n';
+import translations from '../../translations.json';
+import {
+ RadioGroup,
+ Radio,
+ Icon
+} from 'react-mdl';
+
+const Streams = () =>
+
+
+
+ {}}
+ placeholder="Search"/>
+
+
{lang.t('streams.filter-streams')}
+
{lang.t('streams.stream-status')}
+
+ {lang.t('streams.all')}
+ {lang.t('streams.open')}
+ {lang.t('streams.closed')}
+
+
{lang.t('streams.sort-by')}
+
+ {lang.t('streams.newest')}
+ {lang.t('streams.oldest')}
+
+
+
+
+
;
+
+export default Streams;
+
+const lang = new I18n(translations);
diff --git a/client/coral-admin/src/translations.json b/client/coral-admin/src/translations.json
index e462f7567..4d3525dd9 100644
--- a/client/coral-admin/src/translations.json
+++ b/client/coral-admin/src/translations.json
@@ -55,6 +55,7 @@
"moderate": "Moderate",
"configure": "Configure",
"community": "Community",
+ "streams": "Streams",
"closed-comments-desc": "Write a message for closed threads",
"closed-comments-label": "Write a message...",
"comment-count-header": "Limit Comment Length",