Adds CHANGELOG 1.2410.7 notes

CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file.
 
+## v1.2410.7 Android & iOS
+
+### Changes
+
+- Updated dependencies:
+  - react-native v0.68.5
+
+### Adds
+
+A button that links to our FAQ page on the drip website
+
 ## v1.2403.19 Android & iOS
 
 ### Changes

README.md

@@ -131,19 +131,15 @@ Minimum system requirements to run iOS app are as follows:
 - MacOS 10.15.7 for Mac users
 - Xcode 13 (command line tools only might be enough)
 
-i. Install yarn dependencies
-
-    yarn install ..
-
-ii. Install XCode dependencies by running the following command from the root project directory:
+i. Install XCode dependencies by running the following command from the root project directory:
 
     cd ios && pod install && cd ..
 
-iii. To run app either open drip workspace ('drip.xcworkspace' file) with XCode and run "Build" or run the following command:
+ii. To run app either open drip workspace ('drip.xcworkspace' file) with XCode and run "Build" or run the following command:
 
     yarn ios
 
-iiii. If you are building the app with XCode make sure you are running this as well:
+iii. If you are building the app with XCode make sure you are running this as well:
 
     yarn start
 

android/app/build.gradle

@@ -146,8 +146,8 @@ android {
         applicationId "com.drip"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 38
-        versionName "1.2410.22"
+        versionCode 35
+        versionName "1.2410.7"
         ndk {
             abiFilters "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
         }

android/build.gradle

@@ -53,7 +53,6 @@ ext {
     minSdkVersion = 21
     compileSdkVersion = 33
     targetSdkVersion = 33
-    soLoaderVersion = "0.10.4+"
 
     if (System.properties['os.arch'] == "aarch64") {
         // For M1 Users we need to use the NDK 24 which added support for aarch64

components/settings/customization/advance-notice-days-slider.js

@@ -1,56 +0,0 @@
-import React from 'react'
-import { View } from 'react-native'
-import PropTypes from 'prop-types'
-import Slider from '@ptomasroos/react-native-multi-slider'
-
-import SliderLabel from './slider-label'
-import { styles } from './slider-styles'
-import {
-  ADVANCE_PERIOD_NOTICE_DAYS_MIN,
-  ADVANCE_PERIOD_NOTICE_DAYS_MAX,
-} from '../../../config'
-
-const AdvanceNoticeDaysSlider = ({
-  disabled,
-  advanceNoticeDays,
-  onAdvanceNoticeDaysChange,
-}) => {
-  const sliderAccentBackground = disabled
-    ? styles.disabledSliderAccentBackground
-    : styles.sliderAccentBackground
-
-  const sliderBackground = disabled
-    ? styles.disabledSliderBackground
-    : styles.sliderBackground
-
-  return (
-    <View style={styles.container}>
-      <Slider
-        customLabel={SliderLabel}
-        enableLabel={true}
-        markerStyle={styles.marker}
-        markerOffsetY={styles.markerOffsetY}
-        max={ADVANCE_PERIOD_NOTICE_DAYS_MAX}
-        min={ADVANCE_PERIOD_NOTICE_DAYS_MIN}
-        onValuesChange={onAdvanceNoticeDaysChange}
-        step={1}
-        showSteps={true}
-        snapped={true}
-        trackStyle={styles.slider}
-        values={[advanceNoticeDays]}
-        enabledOne={!disabled}
-        enabledTwo={false}
-        selectedStyle={sliderAccentBackground}
-        unselectedStyle={sliderBackground}
-      />
-    </View>
-  )
-}
-
-export default AdvanceNoticeDaysSlider
-
-AdvanceNoticeDaysSlider.propTypes = {
-  disabled: PropTypes.bool,
-  advanceNoticeDays: PropTypes.number,
-  onAdvanceNoticeDaysChange: PropTypes.func,
-}

components/settings/customization/slider-styles.js

@@ -1,34 +0,0 @@
-import { StyleSheet } from 'react-native'
-import { Colors, Sizes } from '../../../styles'
-
-export const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    paddingTop: Sizes.base,
-  },
-  marker: {
-    backgroundColor: Colors.turquoiseDark,
-    borderRadius: 50,
-    elevation: 4,
-    height: Sizes.subtitle,
-    width: Sizes.subtitle,
-  },
-  slider: {
-    borderRadius: 25,
-    height: Sizes.small,
-    paddingTop: Sizes.base,
-  },
-  sliderAccentBackground: {
-    backgroundColor: Colors.turquoiseDark,
-  },
-  disabledSliderAccentBackground: {
-    backgroundColor: Colors.grey,
-  },
-  sliderBackground: {
-    backgroundColor: Colors.turquoise,
-  },
-  disabledSliderBackground: {
-    backgroundColor: Colors.greyLight,
-  },
-  markerOffsetY: Sizes.tiny,
-})

components/settings/customization/temperature-slider.js

@@ -1,12 +1,13 @@
 import React, { useState } from 'react'
-import { View } from 'react-native'
+import { StyleSheet, View } from 'react-native'
 import PropTypes from 'prop-types'
 import Slider from '@ptomasroos/react-native-multi-slider'
 
-import SliderLabel from './slider-label'
-import { styles } from './slider-styles'
 import alertError from '../common/alert-error'
+import SliderLabel from './slider-label'
+
 import { scaleObservable, saveTempScale } from '../../../local-storage'
+import { Colors, Sizes } from '../../../styles'
 import labels from '../../../i18n/en/settings'
 import { TEMP_MIN, TEMP_MAX, TEMP_SLIDER_STEP } from '../../../config'
 
@@ -39,7 +40,7 @@ const TemperatureSlider = ({ disabled }) => {
         customLabel={SliderLabel}
         enableLabel={true}
         markerStyle={styles.marker}
-        markerOffsetY={styles.markerOffsetY}
+        markerOffsetY={Sizes.tiny}
         max={TEMP_MAX}
         min={TEMP_MIN}
         onValuesChange={onTemperatureSliderChange}
@@ -60,3 +61,34 @@ export default TemperatureSlider
 TemperatureSlider.propTypes = {
   disabled: PropTypes.bool,
 }
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    paddingTop: Sizes.base,
+  },
+  marker: {
+    backgroundColor: Colors.turquoiseDark,
+
+    borderRadius: 50,
+    elevation: 4,
+    height: Sizes.subtitle,
+    width: Sizes.subtitle,
+  },
+  slider: {
+    borderRadius: 25,
+    height: Sizes.small,
+  },
+  sliderAccentBackground: {
+    backgroundColor: Colors.turquoiseDark,
+  },
+  disabledSliderAccentBackground: {
+    backgroundColor: Colors.grey,
+  },
+  sliderBackground: {
+    backgroundColor: Colors.turquoise,
+  },
+  disabledSliderBackground: {
+    backgroundColor: Colors.greyLight,
+  },
+})

components/settings/reminders/period-reminder.js

@@ -1,59 +0,0 @@
-import React, { useState } from 'react'
-import AppSwitch from '../../common/app-switch'
-import AdvanceNoticeDaysSlider from '../customization/advance-notice-days-slider'
-
-import {
-  periodReminderObservable,
-  savePeriodReminder,
-  periodPredictionObservable,
-  saveAdvanceNoticeDays,
-  advanceNoticeDaysObservable,
-} from '../../../local-storage'
-import labels from '../../../i18n/en/settings'
-
-const PeriodReminder = () => {
-  const isPeriodPredictionDisabled = !periodPredictionObservable.value
-
-  const [isPeriodReminderEnabled, setIsPeriodReminderEnabled] = useState(
-    periodReminderObservable.value.enabled
-  )
-
-  const [advanceNoticeDays, setAdvanceNoticeDays] = useState(
-    advanceNoticeDaysObservable.value
-  )
-
-  const periodReminderToggle = (isEnabled) => {
-    setIsPeriodReminderEnabled(isEnabled)
-    savePeriodReminder({ enabled: isEnabled })
-  }
-
-  const handleAdvanceNoticeDaysChange = (days) => {
-    setAdvanceNoticeDays(days)
-    saveAdvanceNoticeDays(days)
-  }
-
-  const reminderText =
-    advanceNoticeDays == 1
-      ? labels.periodReminder.reminderTextSingular
-      : labels.periodReminder.reminderTextPlural(advanceNoticeDays)
-
-  return (
-    <>
-      <AppSwitch
-        onToggle={periodReminderToggle}
-        text={reminderText}
-        value={isPeriodReminderEnabled}
-        disabled={isPeriodPredictionDisabled}
-      />
-      {isPeriodReminderEnabled && (
-        <AdvanceNoticeDaysSlider
-          disabled={isPeriodPredictionDisabled}
-          advanceNoticeDays={parseInt(advanceNoticeDays)}
-          onAdvanceNoticeDaysChange={handleAdvanceNoticeDaysChange}
-        />
-      )}
-    </>
-  )
-}
-
-export default PeriodReminder

components/settings/reminders/reminders.js

@@ -1,11 +1,13 @@
-import React from 'react'
+import React, { useState } from 'react'
 
 import AppPage from '../../common/app-page'
+import AppSwitch from '../../common/app-switch'
 import Segment from '../../common/segment'
 import TemperatureReminder from './temperature-reminder'
-import PeriodReminder from './period-reminder'
 
 import {
+  periodReminderObservable,
+  savePeriodReminder,
   periodPredictionObservable,
   temperatureTrackingCategoryObservable,
 } from '../../../local-storage'
@@ -14,7 +16,17 @@ import labels from '../../../i18n/en/settings'
 import { Alert, Pressable } from 'react-native'
 
 const Reminders = () => {
-  const periodReminderDisabledPrompt = () => {
+  const isPeriodPredictionDisabled = !periodPredictionObservable.value
+
+  const [isPeriodReminderEnabled, setIsPeriodReminderEnabled] = useState(
+    periodReminderObservable.value.enabled
+  )
+  const periodReminderToggle = (isEnabled) => {
+    setIsPeriodReminderEnabled(isEnabled)
+    savePeriodReminder({ enabled: isEnabled })
+  }
+
+  const reminderDisabledPrompt = () => {
     if (!periodPredictionObservable.value) {
       Alert.alert(
         labels.periodReminder.alertNoPeriodReminder.title,
@@ -31,12 +43,16 @@ const Reminders = () => {
       )
     }
   }
-
   return (
     <AppPage>
-      <Pressable onPress={periodReminderDisabledPrompt}>
+      <Pressable onPress={reminderDisabledPrompt}>
         <Segment title={labels.periodReminder.title}>
-          <PeriodReminder />
+          <AppSwitch
+            onToggle={periodReminderToggle}
+            text={labels.periodReminder.reminderText}
+            value={isPeriodReminderEnabled}
+            disabled={isPeriodPredictionDisabled}
+          />
         </Segment>
       </Pressable>
       <Pressable onPress={tempReminderDisabledPrompt}>

config.js

@@ -33,10 +33,6 @@ export const TEMP_MAX = 39
 export const TEMP_MIN = 35
 export const TEMP_SLIDER_STEP = 0.5
 
-export const ADVANCE_PERIOD_NOTICE_DAYS_MIN = 1
-export const ADVANCE_PERIOD_NOTICE_DAYS_MAX = 7
-export const ADVANCE_PERIOD_NOTICE_DAYS_INIT_VALUE = 3
-
 export const HIT_SLOP = {
   top: verticalScale(20),
   bottom: verticalScale(20),

i18n/en/settings.js

@@ -60,12 +60,10 @@ export default {
   },
   periodReminder: {
     title: 'Next period reminder',
-    reminderTextSingular:
-      'Get a notification 1 day before your next period is likely to start.',
-    reminderTextPlural: (days) =>
-      `Get a notification ${days} days before your next period is likely to start.`,
-    notification: (advanceNoticeDays, daysToEndOfPrediction) =>
-      `Your next period is likely to start in ${advanceNoticeDays} to ${daysToEndOfPrediction} days.`,
+    reminderText:
+      'Get a notification 3 days before your next period is likely to start.',
+    notification: (daysToEndOfPrediction) =>
+      `Your next period is likely to start in 3 to ${daysToEndOfPrediction} days.`,
     alertNoPeriodReminder: {
       title: 'Period predictions turned off',
       message:

ios/drip/Info.plist

@@ -19,7 +19,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.2410.22</string>
+	<string>1.2410.7</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>

lib/notifications.js

@@ -2,7 +2,6 @@ import { Platform } from 'react-native'
 import {
   tempReminderObservable,
   periodReminderObservable,
-  advanceNoticeDaysObservable,
 } from '../local-storage'
 import * as PN from 'react-native-push-notification'
 import { requestNotifications } from 'react-native-permissions'
@@ -14,19 +13,12 @@ import { getBleedingDaysSortedByDate } from '../db'
 import cycleModule from './cycle'
 import nothingChanged from '../db/db-unchanged'
 
-const DRIP_CHANNEL_ID = 'drip-channel-id'
-const TEMPERATURE_REMINDER_ID = '1'
-const PERIOD_REMINDER_ID = '2'
-const PushNotification = Platform.OS === 'ios' ? PN : PN.default
-
 export default function setupNotifications(navigate, setDate) {
-  // for Android, this method call is necessary
-  if (Platform.OS === 'android') {
-    requestNotifications()
-  }
+  Platform.OS === 'android' ? requestNotifications() : null
+  const PushNotification = Platform.OS === 'ios' ? PN : PN.default
 
   PushNotification.createChannel({
-    channelId: DRIP_CHANNEL_ID, // (required)
+    channelId: 'drip-channel-id', // (required)
     channelName: 'drip reminder', // (required)
     playSound: false, // (optional) default: true
   })
@@ -34,10 +26,7 @@ export default function setupNotifications(navigate, setDate) {
   PushNotification.configure({
     onNotification: (notification) => {
       // https://github.com/zo0r/react-native-push-notification/issues/966#issuecomment-479069106
-      if (
-        notification.data?.id === TEMPERATURE_REMINDER_ID ||
-        notification.id === TEMPERATURE_REMINDER_ID
-      ) {
+      if (notification.data?.id === '1' || notification.id === '1') {
         const todayDate = LocalDate.now().toString()
         setDate(todayDate)
         navigate('TemperatureEditView')
@@ -48,7 +37,7 @@ export default function setupNotifications(navigate, setDate) {
   })
 
   tempReminderObservable((reminder) => {
-    PushNotification.cancelLocalNotification({ id: TEMPERATURE_REMINDER_ID })
+    PushNotification.cancelLocalNotification({ id: '1' })
     if (reminder.enabled) {
       const [hours, minutes] = reminder.time.split(':')
       let target = new Moment()
@@ -61,75 +50,56 @@ export default function setupNotifications(navigate, setDate) {
       }
 
       PushNotification.localNotificationSchedule({
-        id: TEMPERATURE_REMINDER_ID,
-        userInfo: { id: TEMPERATURE_REMINDER_ID },
+        id: '1',
+        userInfo: { id: '1' },
         message: labels.tempReminder.notification,
         date: target.toDate(),
         vibrate: false,
         repeatType: 'day',
-        channelId: DRIP_CHANNEL_ID,
-        allowWhileIdle: true,
+        channelId: 'drip-channel-id',
       })
     }
   }, false)
 
-  periodReminderObservable(() => updatePeriodNotification(), false)
-  advanceNoticeDaysObservable(() => updatePeriodNotification(), false)
+  periodReminderObservable((reminder) => {
+    PushNotification.cancelLocalNotification({ id: '2' })
+    if (reminder.enabled) setupPeriodReminder()
+  }, false)
 
   getBleedingDaysSortedByDate().addListener((_, changes) => {
     // the listener fires on setup, so we check if there were actually any changes
-    if (nothingChanged(changes)) {
-      return
-    }
-
-    updatePeriodNotification()
+    if (nothingChanged(changes)) return
+    PushNotification.cancelLocalNotification({ id: '2' })
+    if (periodReminderObservable.value.enabled) setupPeriodReminder()
   })
 }
 
-const updatePeriodNotification = () => {
-  // Cancel any existing period reminder
-  PushNotification.cancelLocalNotification({ id: PERIOD_REMINDER_ID })
-
-  // Set up a new period reminder if enabled
-  if (periodReminderObservable.value.enabled) {
-    schedulePeriodNotification()
-  }
-}
-
-function schedulePeriodNotification() {
+function setupPeriodReminder() {
+  const PushNotification = Platform.OS === 'ios' ? PN : PN.default
   const bleedingPrediction = cycleModule().getPredictedMenses()
-
   if (bleedingPrediction.length > 0) {
     const predictedBleedingStart = Moment(
       bleedingPrediction[0][0],
       'YYYY-MM-DD'
     )
-
-    const advanceNoticeDays = parseInt(advanceNoticeDaysObservable.value)
-
-    // ${advanceNoticeDays} days before and at 6 am
+    // 3 days before and at 6 am
     const reminderDate = predictedBleedingStart
-      .subtract(advanceNoticeDays, 'days')
+      .subtract(3, 'days')
       .hours(6)
       .minutes(0)
       .seconds(0)
 
     if (reminderDate.isAfter()) {
-      // period is likely to start in advanceNoticeDays to advanceNoticeDays + (length of prediction - 1) days
-      const daysToEndOfPrediction =
-        advanceNoticeDays + bleedingPrediction[0].length - 1
+      // period is likely to start in 3 to 3 + (length of prediction - 1) days
+      const daysToEndOfPrediction = bleedingPrediction[0].length + 2
 
       PushNotification.localNotificationSchedule({
-        id: PERIOD_REMINDER_ID,
-        userInfo: { id: PERIOD_REMINDER_ID },
-        message: labels.periodReminder.notification(
-          advanceNoticeDays,
-          daysToEndOfPrediction
-        ),
+        id: '2',
+        userInfo: { id: '2' },
+        message: labels.periodReminder.notification(daysToEndOfPrediction),
         date: reminderDate.toDate(),
         vibrate: false,
-        channelId: DRIP_CHANNEL_ID,
-        allowWhileIdle: true,
+        channelId: 'drip-channel-id',
       })
     }
   }

local-storage.js

@@ -2,8 +2,6 @@ import AsyncStorage from '@react-native-async-storage/async-storage'
 import Observable from 'obv'
 import { TEMP_SCALE_MIN, TEMP_SCALE_MAX, TEMP_SCALE_UNITS } from './config'
 
-import { ADVANCE_PERIOD_NOTICE_DAYS_INIT_VALUE } from './config'
-
 export const scaleObservable = Observable()
 setObvWithInitValue('tempScale', scaleObservable, {
   min: TEMP_SCALE_MIN,
@@ -61,18 +59,6 @@ export async function savePeriodPrediction(bool) {
   }
 }
 
-export const advanceNoticeDaysObservable = Observable()
-setObvWithInitValue(
-  'advanceNoticeDays',
-  advanceNoticeDaysObservable,
-  parseInt(ADVANCE_PERIOD_NOTICE_DAYS_INIT_VALUE)
-)
-
-export async function saveAdvanceNoticeDays(days) {
-  await AsyncStorage.setItem('advanceNoticeDays', JSON.stringify(days))
-  advanceNoticeDaysObservable.set(days)
-}
-
 export const useCervixAsSecondarySymptomObservable = Observable()
 setObvWithInitValue(
   'useCervixAsSecondarySymptom',
@@ -123,7 +109,7 @@ export async function saveTemperatureTrackingCategory(bool) {
   if (!temperatureTrackingCategoryObservable.value) {
     // if temperature tracking is turned off, the temperature reminder gets disabled
     const tempReminderResult = await AsyncStorage.getItem('tempReminder')
-    if (tempReminderResult && JSON.parse(tempReminderResult).enabled) {
+     if (tempReminderResult && JSON.parse(tempReminderResult).enabled) {
       tempReminderObservable.set(false)
     }
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "drip.",
-  "version": "1.2410.22",
+  "version": "1.2410.7",
   "contributors": [
     "Julia Friesel <julia.friesel@gmail.com>",
     "Marie Kochsiek",