Loading mobile/src/route/screens/route_preview.tsx +4 −6 Original line number Diff line number Diff line Loading @@ -24,8 +24,6 @@ export const RoutePreviewPage = ({ townId }: RoutePreviewPageProps) => { return <Text>Something went wrong</Text>; } //TODO: Remove this mock data const data = [...routeActivities, ...routeActivities, ...routeActivities]; //TODO: Implement save route functionality const saveRoute = () => { Loading @@ -36,16 +34,16 @@ export const RoutePreviewPage = ({ townId }: RoutePreviewPageProps) => { <View style={styles.main_container}> <FloatingBackButton /> <FlatList data={data} data={routeActivities} style={styles.container} ListHeaderComponent={() => <View style={{ height: 150, paddingVertical: 10, paddingHorizontal: 20 }} > <Text style={{ fontSize: 25, fontWeight: "bold", alignSelf: 'center' }}>Route Preview</Text> <Text style={{ fontSize: 15, marginTop: 30 }}>{`Start: ${data[0].startTime}`}</Text> <Text style={{ fontSize: 15, marginTop: 10 }}>{`End: ${data[data.length - 1].endTime}`}</Text> <Text style={{ fontSize: 15, marginTop: 30 }}>{`Start: ${routeActivities[0].startTime}`}</Text> <Text style={{ fontSize: 15, marginTop: 10 }}>{`End: ${routeActivities[routeActivities.length - 1].endTime}`}</Text> </View>} renderItem={({ item, index }) => { const isFirst = index === 0; const isLast = index === data.length - 1; const isLast = index === routeActivities.length - 1; return ( <RouteActivityTile activity={item} Loading Loading
mobile/src/route/screens/route_preview.tsx +4 −6 Original line number Diff line number Diff line Loading @@ -24,8 +24,6 @@ export const RoutePreviewPage = ({ townId }: RoutePreviewPageProps) => { return <Text>Something went wrong</Text>; } //TODO: Remove this mock data const data = [...routeActivities, ...routeActivities, ...routeActivities]; //TODO: Implement save route functionality const saveRoute = () => { Loading @@ -36,16 +34,16 @@ export const RoutePreviewPage = ({ townId }: RoutePreviewPageProps) => { <View style={styles.main_container}> <FloatingBackButton /> <FlatList data={data} data={routeActivities} style={styles.container} ListHeaderComponent={() => <View style={{ height: 150, paddingVertical: 10, paddingHorizontal: 20 }} > <Text style={{ fontSize: 25, fontWeight: "bold", alignSelf: 'center' }}>Route Preview</Text> <Text style={{ fontSize: 15, marginTop: 30 }}>{`Start: ${data[0].startTime}`}</Text> <Text style={{ fontSize: 15, marginTop: 10 }}>{`End: ${data[data.length - 1].endTime}`}</Text> <Text style={{ fontSize: 15, marginTop: 30 }}>{`Start: ${routeActivities[0].startTime}`}</Text> <Text style={{ fontSize: 15, marginTop: 10 }}>{`End: ${routeActivities[routeActivities.length - 1].endTime}`}</Text> </View>} renderItem={({ item, index }) => { const isFirst = index === 0; const isLast = index === data.length - 1; const isLast = index === routeActivities.length - 1; return ( <RouteActivityTile activity={item} Loading