made all entries into sheet using tamagui, needs testing

Author: verisorry

app/_layout.tsx

@@ -18,6 +18,10 @@ import { SafeAreaView, View, ActivityIndicator } from 'react-native';
 import { LinearGradient } from 'expo-linear-gradient';
 import colors from './styles/color';
 
+import { TamaguiProvider } from 'tamagui';
+import { tamaguiConfig } from '../tamagui.config';
+
+
 export {
   // Catch any errors thrown by the Layout component.
   ErrorBoundary,
@@ -93,23 +97,25 @@ function AuthenticationGuard({ children }: { children: React.ReactNode }) {
 function RootLayoutNav() {
   return (
     <>
-    <ThemeProvider value={NAV_THEME['light']}>
-      <UserProvider>
-        <SafeAreaView style={{ flex: 1 }}>
-          <AuthenticationGuard>
-            <Stack screenOptions={{ headerShown: false }}>
-              <Stack.Screen name="index" />
-              <Stack.Screen name="signin" />
-              <Stack.Screen name="JournalEntryScreen" />
-              <Stack.Screen name="interview" />
-              <Stack.Screen name="summary" />
-              {/* <Stack.Screen name="signin/email" /> */}
-              <Stack.Screen name="modal" options={{ presentation: 'modal' }} />
-            </Stack>
-          </AuthenticationGuard>
-        </SafeAreaView>
-      </UserProvider>
-    </ThemeProvider>
+    <TamaguiProvider config={tamaguiConfig}>
+      <ThemeProvider value={NAV_THEME['light']}>
+        <UserProvider>
+          <SafeAreaView style={{ flex: 1 }}>
+            <AuthenticationGuard>
+              <Stack screenOptions={{ headerShown: false }}>
+                <Stack.Screen name="index" />
+                <Stack.Screen name="signin" />
+                <Stack.Screen name="JournalEntryScreen" />
+                <Stack.Screen name="interview" />
+                <Stack.Screen name="summary" />
+                {/* <Stack.Screen name="signin/email" /> */}
+                <Stack.Screen name="modal" options={{ presentation: 'modal' }} />
+              </Stack>
+            </AuthenticationGuard>
+          </SafeAreaView>
+        </UserProvider>
+      </ThemeProvider>
+    </TamaguiProvider>
     </>
   );
 }

app/screens/EntryDetail.tsx

@@ -1,8 +1,22 @@
 import React from 'react';
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
+import { RouteProp } from '@react-navigation/native';
 
-const EntryDetail = ({ route }) => {
+type EntryDetailParams = {
+  Entry: {
+    entry: {
+      title: string;
+      categories: string[];
+      shortSummary: string;
+      identifiedHardSkills: string[];
+      identifiedSoftSkills: string[];
+      reflection?: string;
+    };
+  };
+};
+
+const EntryDetail = ({ route }: { route: RouteProp<EntryDetailParams, 'Entry'> }) => {
   const { entry } = route.params;
   const navigation = useNavigation();
 
@@ -16,7 +30,7 @@ const EntryDetail = ({ route }) => {
 
       {/* Categories */}
       <View style={styles.categoriesContainer}>
-        {entry.categories.map(cat => (
+        {entry.categories.map((cat: string) => (
           <Text key={cat} style={[styles.categoryChip, { backgroundColor: getCategoryColor(cat) }]}>
             {cat}
           </Text>
@@ -30,15 +44,15 @@ const EntryDetail = ({ route }) => {
       {/* Identified Hard Skills */}
       <Text style={styles.sectionTitle}>Identified Hard Skills</Text>
       {entry.identifiedHardSkills.length > 0 ? (
-        entry.identifiedHardSkills.map(skill => <Text key={skill} style={styles.listItem}>• {skill}</Text>)
+        entry.identifiedHardSkills.map((skill: string) => <Text key={skill} style={styles.listItem}>• {skill}</Text>)
       ) : (
         <Text style={styles.entryText}>No hard skills identified.</Text>
       )}
 
       {/* Identified Soft Skills */}
       <Text style={styles.sectionTitle}>Identified Soft Skills</Text>
       {entry.identifiedSoftSkills.length > 0 ? (
-        entry.identifiedSoftSkills.map(skill => <Text key={skill} style={styles.listItem}>• {skill}</Text>)
+        entry.identifiedSoftSkills.map((skill: string) => <Text key={skill} style={styles.listItem}>• {skill}</Text>)
       ) : (
         <Text style={styles.entryText}>No soft skills identified.</Text>
       )}
@@ -51,15 +65,17 @@ const EntryDetail = ({ route }) => {
 };
 
 // Helper function to match category colors
-export const getCategoryColor = (category: string) => {
+const getCategoryColor = (category: string) => {
   const CATEGORIES: Record<string, string> = {
     Academic: '#FDE68A',
     Personal: '#99E9F2',
     Leadership: '#F8B4C0',
     Research: '#BBF7D0',
     Project: '#FDAF75',
   };
-  return CATEGORIES[category] || '#ccc';
+  
+  // Check if the category is a valid key
+  return CATEGORIES[category as keyof typeof CATEGORIES] || '#ccc';
 };
 
 const styles = StyleSheet.create({