income cateogry to typescript

actualbudget · Nov 11, 2023 · e50e3b8 · e50e3b8
1 parent 970e191
commit e50e3b8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/...t/src/components/budget/IncomeCategory.js → .../src/components/budget/IncomeCategory.tsx b/...t/src/components/budget/IncomeCategory.js → .../src/components/budget/IncomeCategory.tsx
@@ -1,10 +1,26 @@
-import React from 'react';
+import React, { ComponentProps } from 'react';
 
-import { useDraggable, useDroppable, DropHighlight } from '../sort';
+import { useDraggable, useDroppable, DropHighlight, OnDragChangeCallback, OnDropCallback } from '../sort';
 import { Row } from '../table';
 
 import RenderMonths from './RenderMonths';
 import SidebarCategory from './SidebarCategory';
+import { CategoryEntity } from 'loot-core/src/types/models';
+
+type IncomeCategoryProps = {
+  cat: CategoryEntity;
+  isLast?: boolean;
+  editingCell: { id: string; cell: string } | null;
+  MonthComponent: ComponentProps<typeof RenderMonths>["component"];
+  onEditName: ComponentProps<typeof SidebarCategory>["onEditName"];
+  onEditMonth?: (id: string, monthIndex: number) => void;
+  onSave: ComponentProps<typeof SidebarCategory>["onSave"];
+  onDelete: ComponentProps<typeof SidebarCategory>["onDelete"];
+  onDragChange: OnDragChangeCallback<CategoryEntity>;
+  onBudgetAction: (idx: number, action: string, arg: unknown) => void;
+  onReorder: OnDropCallback;
+  onShowActivity: (name: string, id: string, idx: number) => void;
+};
 
 function IncomeCategory({
   cat,
@@ -19,7 +35,7 @@ function IncomeCategory({
   onBudgetAction,
   onReorder,
   onShowActivity,
-}) {
+}: IncomeCategoryProps) {
   let { dragRef } = useDraggable({
     type: 'income-category',
     onDragChange,

diff --git a/upcoming-release-notes/1897.md b/upcoming-release-notes/1897.md
@@ -3,4 +3,4 @@ category: Maintenance
 authors: [MikesGlitch]
 ---
 
-Convert ExpenseGroup, ExpenseCategory components to Typescript.
+Convert ExpenseGroup, ExpenseCategory, IncomeCategory components to Typescript.