AppLoading/AppText/AppTextInput/Button/FramedSegment/Link -> ./common

components/app-wrapper.js

@@ -7,7 +7,7 @@ import { openDb } from '../db'
 import App from './app'
 import PasswordPrompt from './password-prompt'
 import License from './license'
-import AppLoadingView from './app-loading'
+import AppLoadingView from './common/app-loading'
 
 import store from "../store"
 import { Provider } from 'react-redux'

components/chart/chart-legend.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { View } from 'react-native'
 
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 import DripHomeIcon from '../../assets/drip-home-icons'
 
 import styles from './styles'

components/chart/tick.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 
 import styles from './styles'
 

components/common/app-loading.js

@@ -3,7 +3,7 @@ import React from 'react'
 import { View } from 'react-native'
 
 import AppText from './app-text'
-import { shared } from '../i18n/en/labels'
+import { shared } from '../../i18n/en/labels'
 
 const AppLoadingView = () => {
   return (

components/common/app-text-input.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { TextInput } from 'react-native'
-import styles from '../styles'
+import styles from '../../styles'
 
 export default function AppTextInput({ style, ...props }) {
   if (!Array.isArray(style)) style = [style]

components/common/app-text.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Text } from 'react-native'
-import styles from "../styles"
+import styles from "../../styles"
 import Link from './link'
 
 export default function AppText({ children, onPress, numberOfLines, style}) {

components/common/button.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { TouchableOpacity } from 'react-native'
 import AppText from './app-text'
-import styles from '../styles'
+import styles from '../../styles'
 
 export default function Button({
   backgroundColor,

components/common/framed-segment.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 
 import { View } from 'react-native'
 import AppText from './app-text'
-import styles from '../styles'
+import styles from '../../styles'
 
 const FramedSegment = ({ children, last, style, title }) => {
   const viewStyle = [styles.framedSegment, style]

components/common/link.js

@@ -1,8 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import Hyperlink from 'react-native-hyperlink'
-import styles from '../styles'
-import links from '../i18n/en/links'
+import styles from '../../styles'
+import links from '../../i18n/en/links'
 
 export default function Link(props) {
   return (

components/cycle-day/SymptomBox.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { View, TouchableOpacity } from 'react-native'
 
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 import DripIcon from '../../assets/drip-icons'
 
 import styles from '../../styles'

components/cycle-day/select-box-group.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { View, TouchableOpacity } from 'react-native'
 
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 
 import styles from '../../styles'
 

components/cycle-day/select-tab-group.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { View, TouchableOpacity } from 'react-native'
 
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 
 import styles from '../../styles'
 

components/cycle-day/symptoms/info-symptom.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { ScrollView, View, TouchableOpacity } from 'react-native'
 import Icon from 'react-native-vector-icons/SimpleLineIcons'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import labels from '../../../i18n/en/symptom-info.js'
 import styles, {iconStyles} from '../../../styles/index'
 

components/cycle-day/symptoms/symptom-section.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import { View } from 'react-native'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import styles from '../../../styles'
 
 export default class SymptomSection extends Component {

components/cycle-day/symptoms/temperature-input.js

@@ -2,8 +2,8 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
 import { View } from 'react-native'
-import AppText from '../../app-text'
-import AppTextInput from '../../app-text-input'
+import AppText from '../../common/app-text'
+import AppTextInput from '../../common/app-text-input'
 
 import { temperature as labels } from '../../../i18n/en/cycle-day'
 

components/cycle-day/symptoms/temperature.js

@@ -6,7 +6,7 @@ import { LocalTime, ChronoUnit } from 'js-joda'
 import { temperature as labels } from '../../../i18n/en/cycle-day'
 import { shared as sharedLabels } from '../../../i18n/en/labels'
 
-import AppTextInput from '../../app-text-input'
+import AppTextInput from '../../common/app-text-input'
 import SymptomSection from './symptom-section'
 import SymptomView from './symptom-view'
 import TimeInput from './time-input'

components/cycle-day/symptoms/time-input.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Keyboard } from 'react-native'
 
-import AppTextInput from '../../app-text-input'
+import AppTextInput from '../../common/app-text-input'
 import styles from '../../../styles'
 
 import DateTimePicker from 'react-native-modal-datetime-picker-nevo'

components/home-element.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { View } from 'react-native'
 import PropTypes from 'prop-types'
 
-import Button from './button'
+import Button from './common/button'
 
 import styles from '../styles'
 

components/home.js

@@ -9,7 +9,7 @@ import { getDate, setDate } from '../slices/date'
 
 import DripHomeIcon from '../assets/drip-home-icons'
 
-import AppText from './app-text'
+import AppText from './common/app-text'
 import IconText from './icon-text'
 import HomeElement from './home-element'
 

components/icon-text.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { View } from 'react-native'
 import PropTypes from 'prop-types'
 
-import AppText from './app-text'
+import AppText from './common/app-text'
 
 import styles from '../styles'
 

components/license.js

@@ -1,11 +1,11 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { ScrollView, View, BackHandler } from 'react-native'
-import AppText from './app-text'
+import AppText from './common/app-text'
 import { shared } from '../i18n/en/labels'
 import settingsLabels from '../i18n/en/settings'
 import styles,{secondaryColor} from '../styles'
-import Button from './button'
+import Button from './common/button'
 import { saveLicenseFlag } from '../local-storage'
 
 const labels = settingsLabels.license

components/password-prompt.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import { View, TextInput, TouchableOpacity, Alert } from 'react-native'
 import nodejs from 'nodejs-mobile-react-native'
 import { saveEncryptionFlag } from '../local-storage'
-import AppText from './app-text'
+import AppText from './common/app-text'
 import Header from './header'
 import styles from '../styles'
 import { passwordPrompt as labels, shared, menuTitles } from '../i18n/en/labels'

components/settings/about.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react'
 import { ScrollView } from 'react-native'
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 import labels from '../../i18n/en/settings'
 import links from '../../i18n/en/links'
-import FramedSegment from '../framed-segment'
+import FramedSegment from '../common/framed-segment'
 
 export default class AboutSection extends Component {
   render() {

components/settings/data-management/index.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react'
 import { ScrollView, View } from 'react-native'
-import AppText from '../../app-text'
-import FramedSegment from '../../framed-segment'
-import AppLoadingView from '../../app-loading'
+import AppText from '../../common/app-text'
+import FramedSegment from '../../common/framed-segment'
+import AppLoadingView from '../../common/app-loading'
 import SettingsButton from '../shared/settings-button'
 import { openImportDialog, getFileContent, importData } from './import-dialog'
 import openShareDialogAndExport from './export-dialog'

components/settings/license.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import { View, ScrollView } from 'react-native'
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 import styles from '../../styles/index'
 import labels from '../../i18n/en/settings'
 

components/settings/nfp-settings/index.js

@@ -4,8 +4,8 @@ import {
 } from 'react-native'
 import styles from '../../../styles'
 import labels from '../../../i18n/en/settings'
-import AppText from '../../app-text'
-import FramedSegment from '../../framed-segment'
+import AppText from '../../common/app-text'
+import FramedSegment from '../../common/framed-segment'
 import TempSlider from './temp-slider'
 import UseCervixSetting from './use-cervix'
 import Icon from 'react-native-vector-icons/Entypo'

components/settings/nfp-settings/temp-slider.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { View } from 'react-native'
 import Slider from '@ptomasroos/react-native-multi-slider'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import {
   scaleObservable,
   saveTempScale,

components/settings/nfp-settings/use-cervix.js

@@ -3,7 +3,7 @@ import {
   View,
   Switch
 } from 'react-native'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import {
   useCervixObservable,
   saveUseCervix

components/settings/password/enter-new-password.js

@@ -3,7 +3,7 @@ import { View } from 'react-native'
 import nodejs from 'nodejs-mobile-react-native'
 
 import { requestHash, changeEncryptionAndRestartApp } from '../../../db'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import PasswordField from '../shared/password-field'
 import SettingsButton from '../shared/settings-button'
 

components/settings/password/index.js

@@ -3,8 +3,8 @@ import { ScrollView } from 'react-native'
 import CreatePassword from './create'
 import ChangePassword from './update'
 import DeletePassword from './delete'
-import FramedSegment from '../../framed-segment'
-import AppText from '../../app-text'
+import FramedSegment from '../../common/framed-segment'
+import AppText from '../../common/app-text'
 import {
   hasEncryptionObservable
 } from '../../../local-storage'

components/settings/reminders/index.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import {
   ScrollView,
 } from 'react-native'
-import FramedSegment from '../../framed-segment'
+import FramedSegment from '../../common/framed-segment'
 import TempReminderPicker from './temp-reminder-picker'
 import PeriodReminderPicker from './period-reminder'
 

components/settings/reminders/period-reminder.js

@@ -3,7 +3,7 @@ import {
   View,
   Switch
 } from 'react-native'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import {
   periodReminderObservable,
   savePeriodReminder

components/settings/reminders/temp-reminder-picker.js

@@ -5,7 +5,7 @@ import {
   Switch
 } from 'react-native'
 import DateTimePicker from 'react-native-modal-datetime-picker-nevo'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import {
   tempReminderObservable,
   saveTempReminder

components/settings/settings-menu.js

@@ -9,7 +9,7 @@ import styles from '../../styles/index'
 
 import settingsLabels from '../../i18n/en/settings'
 
-import AppText from '../app-text'
+import AppText from '../common/app-text'
 
 const labels = settingsLabels.menuTitles
 

components/settings/shared/password-field.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import AppTextInput from '../../app-text-input'
+import AppTextInput from '../../common/app-text-input'
 
 import styles from '../../../styles'
 

components/settings/shared/settings-button.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import { TouchableOpacity } from 'react-native'
-import AppText from '../../app-text'
+import AppText from '../../common/app-text'
 import styles from '../../../styles'
 
 const SettingsButton = ({ children, style, secondary, ...props }) => {

components/stats.js

@@ -8,8 +8,8 @@ import styles from '../styles/index'
 import cycleModule from '../lib/cycle'
 import {getCycleLengthStats as getCycleInfo} from '../lib/cycle-length'
 import {stats as labels} from '../i18n/en/labels'
-import AppText from './app-text'
-import FramedSegment from './framed-segment'
+import AppText from './common/app-text'
+import FramedSegment from './common/framed-segment'
 
 export default class Stats extends Component {
   render() {