#271 - (feature/bill-in-form)

victorbalssa · Apr 30, 2024 · 846e64f · 846e64f
1 parent c38224e
commit 846e64f
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/src/components/Forms/TransactionSplitForm.tsx b/src/components/Forms/TransactionSplitForm.tsx
@@ -379,6 +379,23 @@ export default function TransactionSplitForm({
         routeApi="budgets"
       />
 
+      <AutocompleteField
+        label={translate('transaction_form_bill_label')}
+        placeholder={translate('transaction_form_bill_label')}
+        value={formData.billName}
+        onChangeText={(value: string) => setTransaction({
+          ...formData,
+          billName: value,
+        })}
+        onSelectAutocomplete={(autocomplete) => setTransaction({
+          ...formData,
+          billId: autocomplete.id,
+          billName: autocomplete.name,
+        })}
+        InputRightElement={deleteBtn(['billId', 'billName'])}
+        routeApi="bills"
+      />
+
       <AutocompleteField
         multiple
         label={translate('transaction_form_tags_label')}
@@ -436,6 +453,8 @@ export default function TransactionSplitForm({
             notes: '',
             currencySymbol: '',
             currencyCode: '',
+            billId: '',
+            billName: '',
           });
         }}
       >

diff --git a/src/i18n/locale/translations/en-US.ts b/src/i18n/locale/translations/en-US.ts
@@ -147,4 +147,5 @@ export default {
   home_bills: 'Bills',
   bills_paid: 'Paid',
   bills_not_expected: 'Not expected',
+  transaction_form_bill_label: 'Bill',
 };
diff --git a/src/models/transactions.ts b/src/models/transactions.ts
@@ -23,6 +23,8 @@ export type TransactionSplitType = {
   foreignAmount: string,
   foreignCurrencyId: string,
   foreignCurrencyCode?: string,
+  billId: string,
+  billName: string,
 }
 
 export type TransactionType = {
@@ -85,6 +87,8 @@ export const initialSplit = () => ({
   budgetId: '',
   tags: [],
   notes: '',
+  billId: '',
+  billName: '',
 }) as TransactionSplitType;
 
 export const types = [
@@ -328,6 +332,8 @@ export default createModel<RootModel>()({
           budget_name: transaction.budgetName,
           type: transaction.type,
           amount: transaction.amount ? parseFloat(transaction.amount.replace(',', '.')) : 0,
+          bill_id: transaction.billId,
+          bill_name: transaction.billName,
         })),
         error_if_duplicate_hash: false,
         apply_rules: true,