Styles fix (#59)

* removed second table from summary page

* test commit

* testing spacing in summary page

* fixed blue color

---------

Co-authored-by: James4356 <jameswatsonbrown@icloud.com>

app/auto.tsx

@@ -12,8 +12,8 @@ export default function App() {
         <View style={styles.container}>
 
             <PageHeader title='Auto' pageNumber='2/4' previous='' />
-
             <ScrollView>
+
             <AutoStartPositionView/>
 
             <ReefAlgaeView phase="autonomous" />
@@ -35,4 +35,5 @@ const styles = StyleSheet.create({
         // alignItems: 'center',
         // justifyContent: 'center',
     },
+
 });

app/components/Header.tsx

@@ -26,7 +26,7 @@ function PageHeader({ title, pageNumber, previous, showTeam }: PageHeaderProps)
             if (data["driverStation"].includes("Red")) {
                 setChipColor("#f54242");
             } else {
-                setChipColor("#5252aa");
+                setChipColor("#2149a6");
             }
         });
     }, []);

app/summary.tsx

@@ -11,9 +11,7 @@ export default function App() {
     return (
         <View style={styles.container} onTouchStart={Keyboard.dismiss}>
             <PageHeader title="Summary" pageNumber="4/4" previous='teleop' />
-
-            <ScrollView> 
-            <SummaryTableView />
+            <ScrollView style={{flex: 1}}> 
 
             <LabeledTextInput label="Notes" editable={true} multiline={true} 
                 submit={(e) => {
@@ -39,6 +37,7 @@ const styles = StyleSheet.create({
             flex: 1,
             backgroundColor: '#fff',
             rowGap: 15
+
             // alignItems: 'center',
             // justifyContent: 'center',
         },

app/views/ReefAlgaeView.tsx

@@ -1,8 +1,10 @@
 import { getMatchData, updateReefScores } from '../api/data';
 import MathBlock from '../components/MathBlock';
-import { View } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import SectionTitle from '../components/SectionTitle';
 import { GamePhase, ReefLevel } from '../api/data_types';
+import React from 'react';
+import AlgaeView from './AlgaeView';
 
 interface ReefAlgaeViewProps {
     phase: GamePhase;
@@ -16,6 +18,7 @@ function ReefAlgaeView({ phase }: ReefAlgaeViewProps) {
 
     return (
         <View>
+
             <SectionTitle>Reef</SectionTitle>
             <MathBlock label="L4" min={0} max={10} onPress={(count: number) => {
                 updateReefScores(phase, "L4", count);
@@ -32,10 +35,12 @@ function ReefAlgaeView({ phase }: ReefAlgaeViewProps) {
             <MathBlock label="L1" min={0} max={10} onPress={(count: number) => {
                 updateReefScores(phase, "L1", count);
             }} oldCount={getLevelData("L1")} />
+
         </View>
 
     )
 
-}
+} 
+
 
 export default ReefAlgaeView;