Change page naming scheme to ${word}Page

App.tsx

@@ -15,17 +15,17 @@ import {
 import {SQLiteDatabase} from 'react-native-sqlite-storage';
 import Ionicon from 'react-native-vector-icons/Ionicons';
 import {createPlans, createSets, getDb} from './db';
-import Exercises from './Exercises';
+import BestPage from './BestPage';
-import Home from './Home';
+import HomePage from './HomePage';
-import Plans from './Plans';
+import PlanPage from './PlanPage';
-import Settings from './Settings';
+import SettingsPage from './SettingsPage';
 
 const Tab = createMaterialTopTabNavigator<RootStackParamList>();
 export type RootStackParamList = {
   Home: {};
   Settings: {};
-  Exercises: {};
+  Best: {};
-  Plans: {};
+  Plan: {};
 };
 
 export const DatabaseContext = React.createContext<SQLiteDatabase>({} as any);
@@ -64,10 +64,10 @@ const App = () => {
         {db && (
           <DatabaseContext.Provider value={db}>
             <Tab.Navigator>
-              <Tab.Screen name="Home" component={Home} />
+              <Tab.Screen name="Home" component={HomePage} />
-              <Tab.Screen name="Plans" component={Plans} />
+              <Tab.Screen name="Plan" component={PlanPage} />
-              <Tab.Screen name="Exercises" component={Exercises} />
+              <Tab.Screen name="Best" component={BestPage} />
-              <Tab.Screen name="Settings" component={Settings} />
+              <Tab.Screen name="Settings" component={SettingsPage} />
             </Tab.Navigator>
           </DatabaseContext.Provider>
         )}

BestPage.tsx

@@ -4,7 +4,7 @@ import {List, Searchbar} from 'react-native-paper';
 import {DatabaseContext} from './App';
 import Exercise from './exercise';
 
-export default function Exercises() {
+export default function BestPage() {
   const [exercises, setExercises] = useState<Exercise[]>([]);
   const [search, setSearch] = useState('');
   const [refreshing, setRefresing] = useState(false);

HomePage.tsx

@@ -10,7 +10,7 @@ import SetItem from './SetItem';
 
 const limit = 20;
 
-export default function Home() {
+export default function HomePage() {
   const [sets, setSets] = useState<Set[]>();
   const [offset, setOffset] = useState(0);
   const [edit, setEdit] = useState<Set>();

PlanPage.tsx

@@ -7,7 +7,7 @@ import MassiveFab from './MassiveFab';
 import {Plan} from './plan';
 import PlanItem from './PlanItem';
 
-export default function Plans() {
+export default function PlanPage() {
   const [search, setSearch] = useState('');
   const [plans, setPlans] = useState<Plan[]>([]);
   const [refreshing, setRefresing] = useState(false);

SettingsPage.tsx

@@ -5,7 +5,7 @@ import {Button, Snackbar, Switch, TextInput} from 'react-native-paper';
 import {DatabaseContext} from './App';
 import BatteryDialog from './BatteryDialog';
 
-export default function Settings() {
+export default function SettingsPage() {
   const [minutes, setMinutes] = useState<string>('');
   const [seconds, setSeconds] = useState<string>('');
   const [alarmEnabled, setAlarmEnabled] = useState<boolean>(false);