Reword MassiveX as AppX

AppFab.tsx

@@ -3,7 +3,7 @@ import {FAB, useTheme} from 'react-native-paper'
 import {CombinedDarkTheme, CombinedDefaultTheme} from './App'
 import {lightColors} from './colors'
 
-export default function MassiveFab(props: Partial<ComponentProps<typeof FAB>>) {
+export default function AppFab(props: Partial<ComponentProps<typeof FAB>>) {
   const {colors} = useTheme()
 
   const fabColor = useMemo(

AppInput.tsx

@@ -4,7 +4,7 @@ import {CombinedDefaultTheme} from './App'
 import {MARGIN} from './constants'
 import useDark from './use-dark'
 
-export default function MassiveInput(
+export default function AppInput(
   props: Partial<ComponentProps<typeof TextInput>> & {
     innerRef?: Ref<any>
   },

EditSet.tsx

@@ -14,7 +14,7 @@ import {MARGIN, PADDING} from './constants'
 import {getNow, setRepo, settingsRepo} from './db'
 import GymSet from './gym-set'
 import {HomePageParams} from './home-page-params'
-import MassiveInput from './MassiveInput'
+import AppInput from './AppInput'
 import Settings from './settings'
 import StackHeader from './StackHeader'
 import {toast} from './toast'
@@ -118,7 +118,7 @@ export default function EditSet() {
       <StackHeader title="Edit set" />
 
       <View style={{padding: PADDING, flex: 1}}>
-        <MassiveInput
+        <AppInput
           label="Name"
           value={name}
           onChangeText={setName}
@@ -127,7 +127,7 @@ export default function EditSet() {
           onSubmitEditing={() => repsRef.current?.focus()}
         />
 
-        <MassiveInput
+        <AppInput
           label="Reps"
           keyboardType="numeric"
           value={reps}
@@ -139,7 +139,7 @@ export default function EditSet() {
           innerRef={repsRef}
         />
 
-        <MassiveInput
+        <AppInput
           label="Weight"
           keyboardType="numeric"
           value={weight}
@@ -149,7 +149,7 @@ export default function EditSet() {
         />
 
         {settings.showUnit && (
-          <MassiveInput
+          <AppInput
             autoCapitalize="none"
             label="Unit"
             value={unit}
@@ -159,7 +159,7 @@ export default function EditSet() {
         )}
 
         {typeof set.id === 'number' && settings.showDate && (
-          <MassiveInput
+          <AppInput
             label="Created"
             disabled
             value={format(new Date(set.created), settings.date)}

EditSets.tsx

@@ -14,7 +14,7 @@ import {MARGIN, PADDING} from './constants'
 import {setRepo, settingsRepo} from './db'
 import GymSet from './gym-set'
 import {HomePageParams} from './home-page-params'
-import MassiveInput from './MassiveInput'
+import AppInput from './AppInput'
 import Settings from './settings'
 import StackHeader from './StackHeader'
 
@@ -81,7 +81,7 @@ export default function EditSets() {
       <StackHeader title={`Edit ${ids.length} sets`} />
 
       <View style={{padding: PADDING, flex: 1}}>
-        <MassiveInput
+        <AppInput
           label={`Names: ${names}`}
           value={name}
           onChangeText={setName}
@@ -89,7 +89,7 @@ export default function EditSets() {
           autoFocus={!name}
         />
 
-        <MassiveInput
+        <AppInput
           label={`Reps: ${oldReps}`}
           keyboardType="numeric"
           value={reps}
@@ -99,7 +99,7 @@ export default function EditSets() {
           autoFocus={!!name}
         />
 
-        <MassiveInput
+        <AppInput
           label={`Weights: ${weights}`}
           keyboardType="numeric"
           value={weight}
@@ -108,7 +108,7 @@ export default function EditSets() {
         />
 
         {settings.showUnit && (
-          <MassiveInput
+          <AppInput
             autoCapitalize="none"
             label={`Units: ${units}`}
             value={unit}

EditWorkout.tsx

@@ -12,7 +12,7 @@ import ConfirmDialog from './ConfirmDialog'
 import {MARGIN, PADDING} from './constants'
 import {getNow, planRepo, setRepo, settingsRepo} from './db'
 import {defaultSet} from './gym-set'
-import MassiveInput from './MassiveInput'
+import AppInput from './AppInput'
 import Settings from './settings'
 import StackHeader from './StackHeader'
 import {WorkoutsPageParams} from './WorkoutsPage'
@@ -110,7 +110,7 @@ export default function EditWorkout() {
       <StackHeader title="Edit workout" />
       <View style={{padding: PADDING, flex: 1}}>
         <ScrollView style={{flex: 1}}>
-          <MassiveInput
+          <AppInput
             autoFocus
             label="Name"
             value={name}
@@ -118,7 +118,7 @@ export default function EditWorkout() {
             onSubmitEditing={submitName}
           />
           {settings?.steps && (
-            <MassiveInput
+            <AppInput
               innerRef={stepsRef}
               selectTextOnFocus={false}
               value={steps}
@@ -128,7 +128,7 @@ export default function EditWorkout() {
               onSubmitEditing={() => setsRef.current?.focus()}
             />
           )}
-          <MassiveInput
+          <AppInput
             innerRef={setsRef}
             value={sets}
             onChangeText={setSets}
@@ -138,7 +138,7 @@ export default function EditWorkout() {
           />
           {settings?.alarm && (
             <>
-              <MassiveInput
+              <AppInput
                 innerRef={minutesRef}
                 onSubmitEditing={() => secondsRef.current?.focus()}
                 value={minutes}
@@ -146,7 +146,7 @@ export default function EditWorkout() {
                 label="Rest minutes"
                 keyboardType="numeric"
               />
-              <MassiveInput
+              <AppInput
                 innerRef={secondsRef}
                 value={seconds}
                 onChangeText={setSeconds}

Page.tsx

@@ -1,7 +1,7 @@
 import {StyleProp, StyleSheet, View, ViewStyle} from 'react-native'
 import {Searchbar} from 'react-native-paper'
+import AppFab from './AppFab'
 import {PADDING} from './constants'
-import MassiveFab from './MassiveFab'
 
 export default function Page({
   onAdd,
@@ -26,7 +26,7 @@ export default function Page({
         clearIcon="clear"
       />
       {children}
-      {onAdd && <MassiveFab onPress={onAdd} />}
+      {onAdd && <AppFab onPress={onAdd} />}
     </View>
   )
 }

StartPlan.tsx

@@ -9,7 +9,7 @@ import CountMany from './count-many'
 import {AppDataSource} from './data-source'
 import {getNow, setRepo, settingsRepo} from './db'
 import GymSet from './gym-set'
-import MassiveInput from './MassiveInput'
+import AppInput from './AppInput'
 import {PlanPageParams} from './plan-page-params'
 import Settings from './settings'
 import StackHeader from './StackHeader'
@@ -111,7 +111,7 @@ export default function StartPlan() {
       <StackHeader title={params.plan.days.replace(/,/g, ', ')} />
       <View style={{padding: PADDING, flex: 1, flexDirection: 'column'}}>
         <View style={{flex: 1}}>
-          <MassiveInput
+          <AppInput
             label="Reps"
             keyboardType="numeric"
             value={reps}
@@ -121,7 +121,7 @@ export default function StartPlan() {
             onSelectionChange={e => setSelection(e.nativeEvent.selection)}
             innerRef={repsRef}
           />
-          <MassiveInput
+          <AppInput
             label="Weight"
             keyboardType="numeric"
             value={weight}
@@ -131,7 +131,7 @@ export default function StartPlan() {
             blurOnSubmit
           />
           {settings?.showUnit && (
-            <MassiveInput
+            <AppInput
               autoCapitalize="none"
               label="Unit"
               value={unit}

TimerPage.tsx

@@ -3,10 +3,10 @@ import React, {useCallback, useMemo, useState} from 'react'
 import {Dimensions, NativeModules, View} from 'react-native'
 import {Button, Text, useTheme} from 'react-native-paper'
 import {ProgressCircle} from 'react-native-svg-charts'
+import AppFab from './AppFab'
 import {MARGIN, PADDING} from './constants'
 import {settingsRepo} from './db'
 import DrawerHeader from './DrawerHeader'
-import MassiveFab from './MassiveFab'
 import Settings from './settings'
 import useTimer from './use-timer'
 
@@ -69,7 +69,7 @@ export default function TimerPage() {
       <Button onPress={add} style={{position: 'absolute', top: '82%', left}}>
         Add 1 min
       </Button>
-      <MassiveFab icon="stop" onPress={stop} />
+      <AppFab icon="stop" onPress={stop} />
     </>
   )
 }