sidebarcategory to typescript

packages/desktop-client/src/components/budget/ExpenseGroup.js

@@ -13,7 +13,6 @@ function ExpenseGroup({
   collapsed,
   editingCell,
   dragState,
-  itemPos,
   MonthComponent,
   onEditName,
   onSave,

packages/desktop-client/src/components/budget/SidebarCategory.js → packages/desktop-client/src/components/budget/SidebarCategory.tsx

@@ -1,30 +1,47 @@
-import React, { useState } from 'react';
+import React, { type CSSProperties, type Ref, useState } from 'react';
+
+import { type CategoryEntity } from 'loot-core/src/types/models';
 
 import CheveronDown from '../../icons/v1/CheveronDown';
 import { theme } from '../../style';
 import Button from '../common/Button';
 import Menu from '../common/Menu';
 import View from '../common/View';
 import NotesButton from '../NotesButton';
+import { type OnDragChangeCallback } from '../sort';
 import { InputCell } from '../table';
 import { Tooltip } from '../tooltips';
 
+type SidebarCategoryProps = {
+  innerRef: Ref<HTMLDivElement>;
+  category: CategoryEntity;
+  dragPreview?: boolean;
+  dragging?: boolean;
+  editing: boolean;
+  style: CSSProperties;
+  borderColor: string;
+  isLast?: boolean;
+  onDragChange?: OnDragChangeCallback;
+  onEditName: (id: string) => void;
+  onSave: (group) => void;
+  onDelete: (id: string) => Promise<void>;
+  onHideNewCategory: () => void;
+};
+
 function SidebarCategory({
   innerRef,
   category,
   dragPreview,
   dragging,
   editing,
   style,
-  borderColor = theme.tableBorder,
   isLast,
   onDragChange,
-  onEditMonth,
   onEditName,
   onSave,
   onDelete,
   onHideNewCategory,
-}) {
+}: SidebarCategoryProps) {
   const temporary = category.id === 'new';
   const [menuOpen, setMenuOpen] = useState(false);
 

upcoming-release-notes/1879.md

@@ -3,4 +3,4 @@ category: Maintenance
 authors: [MikesGlitch]
 ---
 
-Convert BudgetSummaries, MonthPicker components to Typescript.
+Convert BudgetSummaries, MonthPicker, SidebarCategory components to Typescript.