Change getCycleDay signature and process LocalDate

bleeding.js

@@ -10,7 +10,10 @@ import styles from './styles'
 import { saveBleeding } from './db'
 import { formatDateForViewHeader } from './format'
 import { bleeding as labels } from './labels'
-import getCycleDay from './get-cycle-day'
+import cycleDayModule from './get-cycle-day-number'
+import { getCycleDaysSortedByDateView } from './db'
+
+const getCycleDay = cycleDayModule(getCycleDaysSortedByDateView())
 
 export default class Bleeding extends Component {
   constructor(props) {
@@ -40,7 +43,7 @@ export default class Bleeding extends Component {
     return (
       <View style={styles.container}>
         <Text style={styles.welcome}>{formatDateForViewHeader(day.date)}</Text>
-        <Text>Cycle day {getCycleDay()}</Text>
+        <Text>Cycle day {getCycleDay(day.date)}</Text>
         <Text>Bleeding</Text>
         <RadioForm
           radio_props={bleedingRadioProps}