use badge detail component in hours and courses

Author: drewvolz

source/views/building-hours/detail/badge.js renamed to source/components/badge-detail.js

@@ -15,7 +15,7 @@ const BGCOLORS = {
 
 type Props = {status: string}
 
-export class Badge extends React.PureComponent<Props> {
+export class BadgeDetail extends React.PureComponent<Props> {
 	render() {
 		const {status} = this.props
 		const bgColor = BGCOLORS[status] || c.goldenrod

source/views/building-hours/detail/building.js

@@ -8,7 +8,7 @@ import moment from 'moment-timezone'
 import * as c from '@frogpond/colors'
 import {getShortBuildingStatus} from '../lib'
 
-import {Badge} from './badge'
+import {BadgeDetail} from '../../../components/badge-detail'
 import {Header} from './header'
 import {ScheduleTable} from './schedule-table'
 import {ListFooter} from '@frogpond/lists'
@@ -63,7 +63,7 @@ export class BuildingDetail extends React.Component<Props> {
 				) : null}
 
 				<Header building={info} />
-				<Badge status={openStatus} />
+				<BadgeDetail status={openStatus} />
 				<ScheduleTable
 					now={now}
 					onProblemReport={onProblemReport}

source/views/sis/course-search/detail/index.js

@@ -4,7 +4,7 @@ import * as React from 'react'
 import {StyleSheet, Text, Platform} from 'react-native'
 import type {CourseType} from '../../../../lib/course-search'
 import glamorous from 'glamorous-native'
-import {Badge} from '../../../building-hours/detail/badge'
+import {BadgeDetail} from '../../../../components/badge-detail'
 import moment from 'moment-timezone'
 import {formatDay} from '../lib/format-day'
 import {
@@ -204,7 +204,7 @@ export class CourseDetailView extends React.PureComponent<Props> {
 			<Container>
 				<Header>{course.title || course.name}</Header>
 				<SubHeader>{deptNum(course)}</SubHeader>
-				<Badge status={status} />
+				<BadgeDetail status={status} />
 				<TableView>
 					<Information course={course} />
 					<Schedule course={course} />