properly clears data

app/_layout.tsx

@@ -7,6 +7,7 @@ export default function RootLayout() {
             <Stack.Screen name="teleop" options={{ headerShown: false }} />
             <Stack.Screen name="auto" options={{ headerShown: false }} />
             <Stack.Screen name="summary" options={{ headerShown: false }} />
+            <Stack.Screen name="submit" options={{ headerShown: false }} />
         </Stack>
     );
 }

app/submit.tsx

@@ -0,0 +1,26 @@
+import { useState } from "react";
+import { ActivityIndicator } from "react-native-paper";
+import { addUnsyncedData, deleteMatchData, getMatchData } from "./api/data";
+import { View } from "react-native";
+import { router } from "expo-router";
+
+export default function App() {
+    const [ animating, setAnimating ] = useState(true);
+
+    getMatchData().then((data) => {
+        const deleted = deleteMatchData();
+        const saved = addUnsyncedData(data);
+
+        Promise.all([deleted, saved]).then(() => {
+            setAnimating(false);
+            router.navigate("");
+        })
+    })
+
+
+    return (
+        <View style={{justifyContent: "center", flex: 1}}>
+            <ActivityIndicator size="large" animating={animating} />
+        </View>
+    )
+}

app/summary.tsx

@@ -1,7 +1,7 @@
 import { StatusBar } from 'expo-status-bar';
 import { Keyboard, ScrollView, StyleSheet, View } from 'react-native';
 import LabeledTextInput from './components/LabeledTextInput';
-import { addUnsyncedData, getMatchData, updateNotes } from './api/data';
+import { addUnsyncedData, deleteMatchData, getMatchData, updateNotes } from './api/data';
 import PageHeader from './components/Header';
 import SummaryTableView from './views/SummaryTableView';
 import Checkbox from './components/Checkbox';
@@ -26,11 +26,7 @@ export default function App() {
             <Checkbox tag='Broke'/>
             <Checkbox tag='Tipped over'/>
             <Checkbox tag='Gamepiece stuck'/>
-            <NavButton text="End" onClick={() => {
-                getMatchData().then((data) => {
-                    addUnsyncedData(data);
-                }).catch((err) => console.error(err));
-            }} />
+            <NavButton text="End" pageName='submit'/>
             <StatusBar style="auto" />
             </ScrollView>
         </View>