switch streams url to fp api

Author: drewvolz

source/views/streaming/streams/list.js

@@ -12,13 +12,12 @@ import {StreamRow} from './row'
 import toPairs from 'lodash/toPairs'
 import groupBy from 'lodash/groupBy'
 import moment from 'moment-timezone'
-import qs from 'querystring'
 import {toLaxTitleCase as titleCase} from 'titlecase'
 import type {StreamType} from './types'
 import delay from 'delay'
+import {API} from '../../../globals'
 
 const CENTRAL_TZ = 'America/Winnipeg'
-const url = 'https://www.stolaf.edu/multimedia/api/collection'
 
 const styles = StyleSheet.create({
 	listContainer: {
@@ -74,31 +73,26 @@ export class StreamListView extends React.PureComponent<Props, State> {
 			const dateFrom = date.format('YYYY-MM-DD')
 			const dateTo = date
 				.clone()
-				.add(1, 'month')
+				.add(2, 'month')
 				.format('YYYY-MM-DD')
 
 			let params = {
-				class: 'current',
 				sort: 'ascending',
 				// eslint-disable-next-line camelcase
 				date_from: dateFrom,
 				// eslint-disable-next-line camelcase
 				date_to: dateTo,
 			}
 
-			const streamsAPI = `${url}?${qs.stringify(params)}`
-			const data = await fetchJson(streamsAPI)
-			const streams = data.results
+			const data = await fetchJson(API('/streams/upcoming', params))
 
 			// force title-case on the stream types, to prevent not-actually-duplicate headings
-			const processed = streams
+			const processed = data
 				.filter(stream => stream.category !== 'athletics')
 				.map(stream => {
 					const date = moment(stream.starttime, 'YYYY-MM-DD HH:mm')
 					const group =
-						stream.status.toLowerCase() !== 'live'
-							? date.format('dddd, MMMM Do')
-							: 'Live'
+						stream.status !== 'live' ? date.format('dddd, MMMM Do') : 'Live'
 
 					return {
 						...stream,

source/views/streaming/streams/row.js

@@ -7,6 +7,7 @@ import {ListRow, Detail, Title} from '../../components/list'
 import {Column, Row} from '../../components/layout'
 import {getTrimmedTextWithSpaces, parseHtml} from '../../../lib/html'
 import {trackedOpenUrl} from '../../components/open-url'
+import moment from 'moment'
 import type {StreamType} from './types'
 
 const styles = StyleSheet.create({
@@ -30,9 +31,10 @@ function Info({item}: {item: StreamType}) {
 }
 
 function Time({item}: {item: StreamType}) {
+	const streamDate = moment(item.date)
 	const showTime = item.status !== 'archived'
 	return showTime ? (
-		<Detail>{item.date.format('h:mm A – ddd, MMM. Do, YYYY')}</Detail>
+		<Detail>{streamDate.format('h:mm A – ddd, MMM. Do, YYYY')}</Detail>
 	) : null
 }
 

source/views/streaming/streams/types.js

@@ -1,6 +1,4 @@
 // @flow
-import type momentT from 'moment'
-
 export type StreamType = {
 	category: string,
 	eid: string,
@@ -15,5 +13,5 @@ export type StreamType = {
 	subtitle: ?string,
 	thumb: string,
 	title: string,
-	date: momentT,
+	date: string,
 }