Merge pull request #162 from steph-crown/fix/remove-type--casts

refactor(navigation): remove unsafe as never casts and align HomeStac…

Author: Smartdevs17

src/navigation/types.ts

@@ -5,7 +5,7 @@ export type RootStackParamList = {
   AddSubscription: undefined;
   SubscriptionDetail: { id: string };
   WalletConnect: undefined;
-  CryptoPayment: { subscriptionId?: string };
+  CryptoPayment: { subscriptionId?: string } | undefined;
   Analytics: undefined;
   Settings: undefined;
 };

src/screens/HomeScreen.tsx

@@ -72,7 +72,7 @@ const HomeScreen: React.FC = () => {
         <StatsCard
           totalMonthlySpend={stats.totalMonthlySpend}
           totalActive={stats.totalActive}
-          onWalletPress={() => navigation.navigate('WalletConnect' as never)}
+          onWalletPress={() => navigation.navigate('WalletConnect')}
         />
 
         <SubscriptionList
@@ -85,13 +85,13 @@ const HomeScreen: React.FC = () => {
           totalCount={subscriptions.length}
           onSubscriptionPress={(sub) => navigation.navigate('SubscriptionDetail', { id: sub.id })}
           onToggleStatus={handleToggleStatus}
-          onAddFirstPress={() => navigation.navigate('AddSubscription' as never)}
+          onAddFirstPress={() => navigation.navigate('AddSubscription')}
         />
       </ScrollView>
 
       {subscriptions.length > 0 && (
         <FloatingActionButton
-          onPress={() => navigation.navigate('AddSubscription' as never)}
+          onPress={() => navigation.navigate('AddSubscription')}
           icon="+"
           size="large"
         />

src/screens/WalletConnectScreen.tsx

@@ -11,17 +11,19 @@ import {
   Platform,
 } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
+import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { colors, spacing, typography, borderRadius, shadows } from '../utils/constants';
 import { Button } from '../components/common/Button';
 import { Card } from '../components/common/Card';
 import { useAppKit, useAppKitAccount, useAppKitProvider } from '@reown/appkit-ethers-react-native';
 import walletServiceManager, { WalletConnection, TokenBalance } from '../services/walletService';
 import { useWalletStore } from '../store';
+import { RootStackParamList } from '../navigation/types';
 
 import * as Clipboard from 'expo-clipboard';
 
 const WalletConnectScreen: React.FC = () => {
-  const navigation = useNavigation();
+  const navigation = useNavigation<NativeStackNavigationProp<RootStackParamList>>();
   const { open } = useAppKit();
   const { address, isConnected, chainId } = useAppKitAccount();
   const { walletProvider } = useAppKitProvider();
@@ -136,7 +138,7 @@ const WalletConnectScreen: React.FC = () => {
 
   const handleSetupCryptoPayments = () => {
     if (connection) {
-      navigation.navigate('CryptoPayment' as never);
+      navigation.navigate('CryptoPayment');
     } else {
       Alert.alert('Error', 'Please connect a wallet first');
     }