Consistently use type alias instead of interface (#153)

src/Component/AppBarMoreMenu.tsx

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { Platform } from 'react-native';
 import { Appbar, Menu, useTheme } from 'react-native-paper';
 
-interface Props {
+type Props = {
     children: React.ReactNode,
     visible: boolean,
     setVisible: (visible: boolean) => void,

src/Component/CustomScrollView.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ScrollView } from 'react-native-gesture-handler';
 
-interface Props {
+type Props = {
     children: ReactNode
 }
 

src/Helper/AmountHelper.ts

@@ -1,6 +1,6 @@
 import { NumberFormatSettings } from '../redux/features/displaySettings/displaySettingsSlice';
 
-export interface DividedAmount {
+export type DividedAmount = {
     dividedAmount: number
     remainingAmount: number,
 }

src/Hooks/useConnectionTest.ts

@@ -2,7 +2,7 @@ import { useCallback, useState } from 'react';
 import { API } from 'ynab';
 import { LoadingStatus } from '../Helper/LoadingStatus';
 
-export interface ConnectionStatus {
+export type ConnectionStatus = {
     status: LoadingStatus,
     error?: {
         id: string,

src/Hooks/useEditableBudgetsInProfiles.ts

@@ -4,7 +4,7 @@ import { addProfile, BudgetInProfile, Profile, ProfileToCreate, selectProfile, u
 import { useAppDispatch } from './useAppDispatch';
 import { useAppSelector } from './useAppSelector';
 
-export interface EditableBudgetInProfile {
+export type EditableBudgetInProfile = {
     budgetId?: string,
     name?: string,
     debtorAccountId?: string,

src/Navigation/AppNavigator.tsx

@@ -22,7 +22,7 @@ import { DevelopmentSettingsScreen } from '../Screens/Settings/DevelopmentSettin
 import { Appbar, useTheme } from 'react-native-paper';
 import { Keyboard } from 'react-native';
 
-interface Props {
+type Props = {
     initialRouteName: keyof StackParameterList,
 }
 

src/Navigation/ScreenParameters.ts

@@ -3,7 +3,7 @@ import * as ynab from 'ynab';
 import { StackNavigationProp, StackScreenProps } from '@react-navigation/stack';
 import { CategoryCombo } from '../redux/features/categoryCombos/categoryCombosSlice';
 
-interface BasicData {
+type BasicData = {
     payer: {
         budgetId: string,
         accountId: string,

src/Screens/AmountsScreen/AmountView.tsx

@@ -10,7 +10,7 @@ import { CategoryInput } from './CategoryInput';
 import { MyStackNavigationProp, StackParameterList } from '../../Navigation/ScreenParameters';
 import { selectCategoryCombos } from '../../redux/features/categoryCombos/categoryCombosSlice';
 
-interface Props<T extends keyof StackParameterList> {
+type Props<T extends keyof StackParameterList> = {
     key: number,
     index: number,
     amountText: string,

src/Screens/AmountsScreen/AmountsScreen.tsx

@@ -19,7 +19,7 @@ import { useNavigationSettings } from '../../Hooks/useNavigationSettings';
 
 type ScreenName = 'Amounts';
 
-interface UserInterfaceAmountEntry {
+type UserInterfaceAmountEntry = {
     amountText: string,
     memo: string,
     payerCategoryId?: string,

src/Screens/AmountsScreen/CategoryInput.tsx

@@ -4,7 +4,7 @@ import { StyleSheet, View } from 'react-native';
 import { ScreenNames } from '../../Navigation/ScreenNames';
 import { MyStackNavigationProp, StackParameterList } from '../../Navigation/ScreenParameters';
 
-interface Props<T extends keyof StackParameterList> {
+type Props<T extends keyof StackParameterList> = {
     label: string,
     text: string,
     budgetId: string,

src/Screens/AmountsScreen/SplitPercentInput.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { TextInput } from 'react-native-paper';
 
-interface Props {
+type Props = {
     payerCategoryChosen: boolean,
     debtorCategoryChosen: boolean,
     splitPercentToPayer: number | undefined,

src/Screens/AmountsScreen/SubAmountInput.tsx

@@ -5,7 +5,7 @@ import { MyStackNavigationProp, StackParameterList } from '../../Navigation/Scre
 import { ScreenNames } from '../../Navigation/ScreenNames';
 import { useAmountConversion } from '../../Hooks/useAmountConversion';
 
-interface Props<T extends keyof StackParameterList> {
+type Props<T extends keyof StackParameterList> = {
     value: string,
     setValue: (newValue: string) => void,
     navigation: MyStackNavigationProp<T>,

src/Screens/CalculationHistoryScreen/HistoryListItem.tsx

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import { List } from 'react-native-paper';
 
-interface Props {
+type Props = {
     calculation: string,
     selectCalculation: (calculation: string) => void,
     navigateBack: () => void,

src/Screens/CalculatorScreen/CalculatorKeyboard.tsx

@@ -5,7 +5,7 @@ import { KeyboardNumberButton } from './KeyboardNumberButton';
 import { useAppSelector } from '../../Hooks/useAppSelector';
 import { selectNumberFormatSettings } from '../../redux/features/displaySettings/displaySettingsSlice';
 
-interface Props {
+type Props = {
     onDigitPress: (digit: number) => void
     onDecimalSeparatorPress: () => void
     onOperatorAddPress: () => void

src/Screens/CalculatorScreen/KeyboardButton.tsx

@@ -2,7 +2,7 @@ import { Text } from 'react-native-paper';
 import React from 'react';
 import { ColorValue, Pressable, StyleSheet } from 'react-native';
 
-interface Props {
+type Props = {
     value: string,
     color: ColorValue,
     onPress: () => void

src/Screens/CalculatorScreen/KeyboardNumberButton.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { KeyboardButton } from './KeyboardButton';
 
-interface Props {
+type Props = {
     number: number
     onPress: (number: number) => void
 }

src/Screens/CategoryScreen/CategoryList.tsx

@@ -5,7 +5,7 @@ import { selectCategoryGroups, selectCategories, selectInternalMasterCategoryGro
 import { useAppSelector } from '../../Hooks/useAppSelector';
 import { CategoryListItem } from './CategoryListItem';
 
-interface Props {
+type Props = {
     categoryNameFilter: string,
     budgetId: string,
     onCategorySelect: (categoryId: string) => void,

src/Screens/CategoryScreen/CategoryListItem.tsx

@@ -3,7 +3,7 @@ import { List } from 'react-native-paper';
 import { useAppSelector } from '../../Hooks/useAppSelector';
 import { selectCategory } from '../../redux/features/ynab/ynabSlice';
 
-interface Props {
+type Props = {
     budgetId: string,
     categoryId: string,
     onCategorySelect: (categoryId: string) => void,

src/Screens/InitialScreen/AccessTokenListItem.tsx

@@ -5,7 +5,7 @@ import { useAutomaticConnectionTest } from '../../Hooks/useAutomaticConnectionTe
 import { ScreenNames } from '../../Navigation/ScreenNames';
 import { MyStackNavigationProp, StackParameterList } from '../../Navigation/ScreenParameters';
 
-interface Props<T extends keyof StackParameterList> {
+type Props<T extends keyof StackParameterList> = {
     navigation: MyStackNavigationProp<T>,
 }
 

src/Screens/InitialScreen/ProfileListItem.tsx

@@ -5,7 +5,7 @@ import { ScreenNames } from '../../Navigation/ScreenNames';
 import { StackParameterList, MyStackNavigationProp } from '../../Navigation/ScreenParameters';
 import { selectProfiles } from '../../redux/features/profiles/profilesSlice';
 
-interface Props<T extends keyof StackParameterList> {
+type Props<T extends keyof StackParameterList> = {
     navigation: MyStackNavigationProp<T>,
 }
 

src/Screens/SaveScreen/DataTableCellView.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 
-interface Props {
+type Props = {
     children: React.ReactNode,
     alignRight?: boolean,
 }

src/Screens/SaveScreen/MemoDataTableCell.tsx

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { DataTable, IconButton } from 'react-native-paper';
 import { DataTableCellView } from './DataTableCellView';
 
-interface Props {
+type Props = {
     memo: string | null | undefined,
     triggerMemoDisplay: (memo: string) => void,
 }

src/Screens/SaveScreen/MemoModalPortal.tsx

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { StyleSheet } from 'react-native';
 import { Portal, Modal, useTheme, Text } from 'react-native-paper';
 
-interface Props {
+type Props = {
     visible: boolean,
     toggleVisible: () => void,
     memo: string,

src/Screens/SaveScreen/MultiLineTextDataTableCellView.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { DataTableCellView } from './DataTableCellView';
 import { Text } from 'react-native-paper';
 
-interface Props {
+type Props = {
     text: string | undefined,
 }
 

src/Screens/SaveScreen/SaveFAB.tsx

@@ -3,7 +3,7 @@ import { FAB } from 'react-native-paper';
 import { StyleSheet } from 'react-native';
 import { LoadingStatus } from '../../Helper/LoadingStatus';
 
-interface Props {
+type Props = {
     saveStatus: LoadingStatus,
     save: () => void,
 }

src/Screens/SaveScreen/SaveTransactionListSection.tsx

@@ -9,7 +9,7 @@ import { SubTransactionsDataTable } from './SubTransactionsDataTable';
 import { MultiLineTextDataTableCellView } from './MultiLineTextDataTableCellView';
 import { useAmountConversion } from '../../Hooks/useAmountConversion';
 
-interface Props {
+type Props = {
     saveTransaction: SaveTransaction,
     sectionTitle: string,
     budgetId: string,

src/Screens/SaveScreen/SubTransactionDataTableRow.tsx

@@ -8,7 +8,7 @@ import { useAppSelector } from '../../Hooks/useAppSelector';
 import { MemoDataTableCell } from './MemoDataTableCell';
 import { MultiLineTextDataTableCellView } from './MultiLineTextDataTableCellView';
 
-interface Props {
+type Props = {
     budgetId: string,
     subTransaction: SaveSubTransaction,
     displayMemoCell: boolean,

src/Screens/SaveScreen/SubTransactionsDataTable.tsx

@@ -5,7 +5,7 @@ import { SaveSubTransaction } from 'ynab';
 import { MemoModalPortal } from './MemoModalPortal';
 import { SubTransactionDataTableRow } from './SubTransactionDataTableRow';
 
-interface Props {
+type Props = {
     budgetId: string,
     subTransactions: SaveSubTransaction[],
 }

src/Screens/SelectCategoryComboScreen/CategoryComboListItem.tsx

@@ -3,7 +3,7 @@ import { List } from 'react-native-paper';
 import { useAppSelector } from '../../Hooks/useAppSelector';
 import { selectCategoryCombo } from '../../redux/features/categoryCombos/categoryCombosSlice';
 
-interface Props {
+type Props = {
     categoryComboId: string,
     onSelect: (categoryComboId: string) => void,
 }

src/Screens/Settings/AccessTokenScreen/AccessTokenInput.tsx

@@ -4,7 +4,7 @@ import { HelperText, TextInput } from 'react-native-paper';
 import { LoadingStatus } from '../../../Helper/LoadingStatus';
 import { ConnectionStatus } from './AccessTokenScreen';
 
-interface Props {
+type Props = {
     token: string,
     setToken: (token: string) => void,
     connectionStatus: ConnectionStatus

src/Screens/Settings/AccessTokenScreen/AccessTokenScreen.tsx

@@ -19,7 +19,7 @@ const ICON_SAVE = 'check';
 const ICON_CONNECTION_SUCCESS = 'check';
 const ICON_CONNECTION_ERROR = 'alert-circle';
 
-export interface ConnectionStatus {
+export type ConnectionStatus = {
     status: LoadingStatus,
     error?: {
         id: string,

src/Screens/Settings/CategoryCombos/CategoryComboInputView.tsx

@@ -6,7 +6,7 @@ import { selectProfiles } from '../../../redux/features/profiles/profilesSlice';
 import { useAppSelector } from '../../../Hooks/useAppSelector';
 import { ChooseCategoryListItem } from './ChooseCategoryListItem';
 
-interface Props<T extends keyof StackParameterList> {
+type Props<T extends keyof StackParameterList> = {
     navigation: MyStackNavigationProp<T>,
     name: string,
     setName: (name: string) => void,

src/Screens/Settings/CategoryCombos/ChooseCategoryListItem.tsx

@@ -5,7 +5,7 @@ import { MyStackNavigationProp, StackParameterList } from '../../../Navigation/S
 import { selectBudgetById, selectCategories } from '../../../redux/features/ynab/ynabSlice';
 import { useAppSelector } from '../../../Hooks/useAppSelector';
 
-interface Props<T extends keyof StackParameterList> {
+type Props<T extends keyof StackParameterList> = {
     budgetId: string,
     budgetDisplayName: string | undefined,
     navigation: MyStackNavigationProp<T>,

src/Screens/Settings/DisplaySettingsScreen/ThemeModalPortal.tsx

@@ -6,7 +6,7 @@ import { useAppSelector } from '../../../Hooks/useAppSelector';
 import { StyleSheet } from 'react-native';
 import { useAppDispatch } from '../../../Hooks/useAppDispatch';
 
-interface Props {
+type Props = {
     visible: boolean,
     toggleVisible: () => void,
 }

src/Screens/Settings/Profiles/BudgetInProfileInputSection.tsx

@@ -8,7 +8,7 @@ import { ChooseBudgetListItem } from './ChooseBudgetListItem';
 import { EditableBudgetInProfile } from './CreateProfilesScreen/CreateProfileScreen';
 import { ProfileBudgetDetailInput } from './ProfileBudgetDetailInput';
 
-interface Props {
+type Props = {
     editableBudgetInProfile: EditableBudgetInProfile,
     setEditableBudgetInProfile: Updater<EditableBudgetInProfile>,
 }

src/Screens/Settings/Profiles/BudgetSelectModalPortal.tsx

@@ -5,7 +5,7 @@ import { selectBudgets } from '../../../redux/features/ynab/ynabSlice';
 import { useAppSelector } from '../../../Hooks/useAppSelector';
 import { Budget } from '../../../YnabApi/YnabApiWrapper';
 
-interface Props {
+type Props = {
     visible: boolean,
     toggleVisible: () => void,
     selectedBudgetId?: string,

src/Screens/Settings/Profiles/ChooseBudgetListItem.tsx

@@ -4,7 +4,7 @@ import { selectBudgets } from '../../../redux/features/ynab/ynabSlice';
 import { useAppSelector } from '../../../Hooks/useAppSelector';
 import { BudgetSelectModalPortal } from './BudgetSelectModalPortal';
 
-interface Props {
+type Props = {
     selectedBudgetId?: string,
     selectBudgetId: (budgetId: string) => void,
 }

src/Screens/Settings/Profiles/CreateProfilesScreen/CreateProfileScreen.tsx

@@ -12,7 +12,7 @@ type ScreenName = 'CreateProfile';
 const SCREEN_TITLE = 'Add Profile';
 const ICON_SAVE = 'check';
 
-export interface EditableBudgetInProfile {
+export type EditableBudgetInProfile = {
     budgetId?: string,
     name?: string,
     debtorAccountId?: string,

src/Screens/Settings/Profiles/ProfileBudgetDetailInput.tsx

@@ -4,7 +4,7 @@ import { selectActiveAccounts, selectBudgetById } from '../../../redux/features/
 import { useAppSelector } from '../../../Hooks/useAppSelector';
 import { Account } from '../../../YnabApi/YnabApiWrapper';
 
-interface Props {
+type Props = {
     budgetId: string,
     displayName?: string,
     setDisplayName: (name: string) => void,

src/Screens/SplittingScreen/AccountRadioSelection.tsx

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect } from 'react';
 import { Account } from '../../YnabApi/YnabApiWrapper';
 import { Keyboard } from 'react-native';
 
-interface Props {
+type Props = {
     accounts: Account[],
     selectedAccountId: string,
     setSelectedAccountId: (id: string) => void,

src/Screens/SplittingScreen/PayerBudgetRadioSelection.tsx

@@ -5,7 +5,7 @@ import { Keyboard } from 'react-native';
 import { useAppSelector } from '../../Hooks/useAppSelector';
 import { selectBudgets } from '../../redux/features/ynab/ynabSlice';
 
-interface Props {
+type Props = {
     profile: Profile,
     payerBudgetIndex: number,
     setPayerBudgetIndex: (index: number) => void,

src/Screens/SplittingScreen/TotalAmountInput.tsx

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import { TextInput } from 'react-native-paper';
 import { useAmountConversion } from '../../Hooks/useAmountConversion';
 
-interface Props {
+type Props = {
     value: string,
     setValue: (newValue: string) => void,
 }

src/YnabApi/BuildSaveTransactions.ts

@@ -2,12 +2,12 @@ import { convertHumanAmountToApiAmount, divideApiAmount } from '../Helper/Amount
 import { BasicData } from '../Navigation/ScreenParameters';
 import * as ynab from 'ynab';
 
-interface SaveTransactions {
+type SaveTransactions = {
     payer: ynab.SaveTransaction,
     debtor: ynab.SaveTransaction
 }
 
-interface AmountEntry {
+type AmountEntry = {
     amount: number,
     memo: string,
     payerCategoryId?: string,