refactor MonthCountSelector to tsx

actualbudget · Aug 21, 2023 · 2ed62e5 · 2ed62e5
1 parent 6fae795
commit 2ed62e5
Showing 1 changed file with 15 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: () => void;
+};
+
+export function MonthCountSelector({
+  maxMonths,
+  onChange,
+}: MonthCountSelectorProps) {
   let { displayMax } = useBudgetMonthCount();
 
   // It doesn't make sense to show anything if we can only fit one