Add style and language to left nav.

This commit is contained in:
David Jay
2016-12-14 15:15:13 -05:00
parent fe2487dea5
commit dad46cc8de
3 changed files with 42 additions and 5 deletions
@@ -35,6 +35,21 @@
outline: none;
}
.optionHeader {
font-size: 16px;
font-weight: 900;
margin-top: 15px;
}
.optionDetail {
font-size: 16px;
margin-top: 3px;
}
.radio {
display: block;
}
.hidden {
display: none;
}
@@ -16,16 +16,16 @@ const Streams = () => <div className={styles.container}>
type='text'
className={styles.searchBoxInput}
onChange={() => {}}
placeholder="Search"/>
placeholder={lang.t('streams.search')}/>
</div>
<div>{lang.t('streams.filter-streams')}</div>
<div>{lang.t('streams.stream-status')}</div>
<RadioGroup name='status' value='all'>
<div className={styles.optionHeader}>{lang.t('streams.filter-streams')}</div>
<div className={styles.optionDetail}>{lang.t('streams.stream-status')}</div>
<RadioGroup name='status' value='all' childContainer={<div/>}>
<Radio value='all'>{lang.t('streams.all')}</Radio>
<Radio value='open'>{lang.t('streams.open')}</Radio>
<Radio value='closed'>{lang.t('streams.closed')}</Radio>
</RadioGroup>
<div>{lang.t('streams.sort-by')}</div>
<div className={styles.optionHeader}>{lang.t('streams.sort-by')}</div>
<RadioGroup name='sortBy' value='newest'>
<Radio value='newest'>{lang.t('streams.newest')}</Radio>
<Radio value='oldest'>{lang.t('streams.oldest')}</Radio>
+22
View File
@@ -69,6 +69,17 @@
"note": "Note: Banning this user will also place this comment in the Rejected queue.",
"cancel": "Cancel",
"yes_ban_user": "Yes, Ban User"
},
"streams": {
"search": "Search",
"filter-streams": "Filter Streams",
"stream-status": "Stream Status",
"all": "All",
"open": "Open",
"closed": "Closed",
"newest": "Newest",
"oldest": "Oldest",
"sort-by": "Sort By"
}
},
"es": {
@@ -129,6 +140,17 @@
"note": "Nota: Suspender este usuario también va a colocar este comentario en la cola de Rechazados.",
"cancel": "Cancelar",
"yes_ban_user": "Si, Suspendan el usuario"
},
"streams": {
"search": "",
"filter-streams": "",
"stream-status": "",
"all": "",
"open": "",
"closed": "",
"newest": "",
"oldest": "",
"sort-by": ""
}
}
}