Month count selector ts refactor (#1565)

actualbudget · Aug 22, 2023 · 108c0a6 · 108c0a6
1 parent ec24d0e
commit 108c0a6
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/...c/components/budget/MonthCountSelector.js → .../components/budget/MonthCountSelector.tsx b/...c/components/budget/MonthCountSelector.js → .../components/budget/MonthCountSelector.tsx
@@ -6,7 +6,12 @@ import View from '../common/View';
 
 import { useBudgetMonthCount } from './BudgetMonthCountContext';
 
-function Calendar({ color, onClick }) {
+type CalendarProps = {
+  color: string;
+  onClick: () => void;
+};
+
+function Calendar({ color, onClick }: CalendarProps) {
   return (
     <CalendarIcon
       style={{ width: 13, height: 13, color, marginRight: 5 }}
@@ -15,7 +20,15 @@ function Calendar({ color, onClick }) {
   );
 }
 
-export function MonthCountSelector({ maxMonths, onChange }) {
+type MonthCountSelectorProps = {
+  maxMonths: number;
+  onChange: (value: number) => Promise<void>;
+};
+
+export function MonthCountSelector({
+  maxMonths,
+  onChange,
+}: MonthCountSelectorProps) {
   let { displayMax } = useBudgetMonthCount();
 
   // It doesn't make sense to show anything if we can only fit one

diff --git a/upcoming-release-notes/1565.md b/upcoming-release-notes/1565.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [Jod929]
+---
+
+Refactor MonthCountSelector to tsx.