Fix types again

overthq · Dec 1, 2024 · 97a9286 · 97a9286
1 parent 56ac87f
commit 97a9286
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/apps/app/src/components/edit-profile/EditProfileMain.tsx b/apps/app/src/components/edit-profile/EditProfileMain.tsx
@@ -1,10 +1,11 @@
 import { FormInput, Screen, TextButton } from '@habiti/components';
-import { useNavigation } from '@react-navigation/native';
+import { NavigationProp, useNavigation } from '@react-navigation/native';
 import React from 'react';
 import { useForm } from 'react-hook-form';
 import { StyleSheet } from 'react-native';
 
 import { CurrentUserQuery, useEditProfileMutation } from '../../types/api';
+import { ProfileStackParamList } from '../../types/navigation';
 
 interface EditProfileMainProps {
 	currentUser: CurrentUserQuery['currentUser'];
@@ -16,7 +17,7 @@ interface EditProfileFormValues {
 }
 
 const EditProfileMain: React.FC<EditProfileMainProps> = ({ currentUser }) => {
-	const navigation = useNavigation();
+	const navigation = useNavigation<NavigationProp<ProfileStackParamList>>();
 	const [, editProfile] = useEditProfileMutation();
 
 	const { control, handleSubmit, formState } = useForm<EditProfileFormValues>({

diff --git a/apps/app/src/components/profile/UserCard.tsx b/apps/app/src/components/profile/UserCard.tsx
@@ -23,7 +23,7 @@ const UserCard: React.FC = () => {
 	}
 
 	return (
-		<Pressable onPress={() => navigate('Edit Profile')} style={[styles.card]}>
+		<Pressable onPress={() => navigate('Profile.Edit')} style={[styles.card]}>
 			<View
 				style={[
 					styles.placeholder,
@@ -37,7 +37,7 @@ const UserCard: React.FC = () => {
 			<View style={{ marginLeft: 12 }}>
 				<Typography weight='medium'>{data.currentUser.name}</Typography>
 				<Typography variant='secondary' style={styles.phone}>
-					Edit profile
+					{data.currentUser.email}
 				</Typography>
 			</View>
 		</Pressable>

diff --git a/apps/app/src/navigation/ProfileStack.tsx b/apps/app/src/navigation/ProfileStack.tsx
@@ -18,7 +18,11 @@ const ProfileStack = () => {
 				component={Profile}
 				options={{ headerTitle: 'Profile' }}
 			/>
-			<ProfileNavigator.Screen name='Profile.Edit' component={EditProfile} />
+			<ProfileNavigator.Screen
+				name='Profile.Edit'
+				component={EditProfile}
+				options={{ headerTitle: 'Edit Profile' }}
+			/>
 			<ProfileNavigator.Screen
 				name='Profile.PaymentMethods'
 				component={PaymentMethods}