-
-
- Edit src/App.tsx and save to test HMR
-
+
+
+
+ } />
+ } />
+
-
- Click on the Vite and React logos to learn more
-
-
- )
-}
+
+ );
+};
-export default App
+export default App;
diff --git a/client/src/api/core/ApiError.ts b/client/src/api/core/ApiError.ts
index ec7b16a..df9f43e 100644
--- a/client/src/api/core/ApiError.ts
+++ b/client/src/api/core/ApiError.ts
@@ -22,4 +22,4 @@ export class ApiError extends Error {
this.body = response.body;
this.request = request;
}
-}
+}
diff --git a/client/src/api/core/ApiRequestOptions.ts b/client/src/api/core/ApiRequestOptions.ts
index 93143c3..a93ee2a 100644
--- a/client/src/api/core/ApiRequestOptions.ts
+++ b/client/src/api/core/ApiRequestOptions.ts
@@ -14,4 +14,4 @@ export type ApiRequestOptions = {
readonly mediaType?: string;
readonly responseHeader?: string;
readonly errors?: Record
;
-};
+};
diff --git a/client/src/api/core/ApiResult.ts b/client/src/api/core/ApiResult.ts
index ee1126e..e23d6c8 100644
--- a/client/src/api/core/ApiResult.ts
+++ b/client/src/api/core/ApiResult.ts
@@ -8,4 +8,4 @@ export type ApiResult = {
readonly status: number;
readonly statusText: string;
readonly body: any;
-};
+};
diff --git a/client/src/api/core/CancelablePromise.ts b/client/src/api/core/CancelablePromise.ts
index d70de92..9ee9569 100644
--- a/client/src/api/core/CancelablePromise.ts
+++ b/client/src/api/core/CancelablePromise.ts
@@ -128,4 +128,4 @@ export class CancelablePromise implements Promise {
public get isCancelled(): boolean {
return this.#isCancelled;
}
-}
+}
diff --git a/client/src/api/core/OpenAPI.ts b/client/src/api/core/OpenAPI.ts
index 03da729..77fa96a 100644
--- a/client/src/api/core/OpenAPI.ts
+++ b/client/src/api/core/OpenAPI.ts
@@ -29,4 +29,4 @@ export const OpenAPI: OpenAPIConfig = {
PASSWORD: undefined,
HEADERS: undefined,
ENCODE_PATH: undefined,
-};
+};
diff --git a/client/src/api/core/request.ts b/client/src/api/core/request.ts
index 1dc6fef..319b00a 100644
--- a/client/src/api/core/request.ts
+++ b/client/src/api/core/request.ts
@@ -320,4 +320,4 @@ export const request = (config: OpenAPIConfig, options: ApiRequestOptions, ax
reject(error);
}
});
-};
+};
diff --git a/client/src/api/services/DefaultService.ts b/client/src/api/services/DefaultService.ts
index 50ff9f3..4ceef98 100644
--- a/client/src/api/services/DefaultService.ts
+++ b/client/src/api/services/DefaultService.ts
@@ -1,408 +1,465 @@
-/* generated using openapi-typescript-codegen -- do not edit */
-/* istanbul ignore file */
-/* tslint:disable */
-/* eslint-disable */
-import type { CancelablePromise } from '../core/CancelablePromise';
-import { OpenAPI } from '../core/OpenAPI';
-import { request as __request } from '../core/request';
-export class DefaultService {
- /**
- * Register a new user
- * @param requestBody
- * @returns any User created
- * @throws ApiError
- */
- public static postAuthSignup(
- requestBody: {
- email: string;
- password: string;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'POST',
- url: '/auth/signup',
- body: requestBody,
- mediaType: 'application/json',
- });
- }
- /**
- * Login and receive JWT token
- * @param requestBody
- * @returns any Token returned
- * @throws ApiError
- */
- public static postAuthLogin(
- requestBody: {
- email: string;
- password: string;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'POST',
- url: '/auth/login',
- body: requestBody,
- mediaType: 'application/json',
- });
- }
- /**
- * List all user expenses
- * @param start Start date
- * @param end End date
- * @param category
- * @param type
- * @returns any List of expenses
- * @throws ApiError
- */
- public static getExpenses(
- start?: string,
- end?: string,
- category?: string,
- type?: 'recurring' | 'one-time',
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/expenses',
- query: {
- 'start': start,
- 'end': end,
- 'category': category,
- 'type': type,
- },
- });
- }
- /**
- * Create a new expense
- * @param formData
- * @returns any Expense created
- * @throws ApiError
- */
- public static postExpenses(
- formData?: {
- amount: number;
- date: string;
- categoryId: string;
- description?: string;
- type?: 'one-time' | 'recurring';
- startDate?: string;
- endDate?: string;
- receipt?: Blob;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'POST',
- url: '/expenses',
- formData: formData,
- mediaType: 'multipart/form-data',
- });
- }
- /**
- * Get a single expense
- * @param id
- * @returns any Expense data
- * @throws ApiError
- */
- public static getExpenses1(
- id: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/expenses/{id}',
- path: {
- 'id': id,
- },
- });
- }
- /**
- * Update an expense
- * @param id
- * @param formData
- * @returns any Expense updated
- * @throws ApiError
- */
- public static putExpenses(
- id: string,
- formData?: {
- amount?: number;
- date?: string;
- categoryId?: string;
- description?: string;
- type?: 'one-time' | 'recurring';
- startDate?: string;
- endDate?: string;
- receipt?: Blob;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'PUT',
- url: '/expenses/{id}',
- path: {
- 'id': id,
- },
- formData: formData,
- mediaType: 'multipart/form-data',
- });
- }
- /**
- * Delete an expense
- * @param id
- * @returns void
- * @throws ApiError
- */
- public static deleteExpenses(
- id: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'DELETE',
- url: '/expenses/{id}',
- path: {
- 'id': id,
- },
- });
- }
- /**
- * List all incomes
- * @param start
- * @param end
- * @returns any List of incomes
- * @throws ApiError
- */
- public static getIncomes(
- start?: string,
- end?: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/incomes',
- query: {
- 'start': start,
- 'end': end,
- },
- });
- }
- /**
- * Create new income
- * @param requestBody
- * @returns any Income created
- * @throws ApiError
- */
- public static postIncomes(
- requestBody?: {
- amount: number;
- date: string;
- source?: string;
- description?: string;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'POST',
- url: '/incomes',
- body: requestBody,
- mediaType: 'application/json',
- });
- }
- /**
- * Get an income entry
- * @param id
- * @returns any Income data
- * @throws ApiError
- */
- public static getIncomes1(
- id: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/incomes/{id}',
- path: {
- 'id': id,
- },
- });
- }
- /**
- * Update an income entry
- * @param id
- * @param requestBody
- * @returns any Income updated
- * @throws ApiError
- */
- public static putIncomes(
- id: string,
- requestBody?: {
- amount?: number;
- date?: string;
- source?: string;
- description?: string;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'PUT',
- url: '/incomes/{id}',
- path: {
- 'id': id,
- },
- body: requestBody,
- mediaType: 'application/json',
- });
- }
- /**
- * Delete an income entry
- * @param id
- * @returns void
- * @throws ApiError
- */
- public static deleteIncomes(
- id: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'DELETE',
- url: '/incomes/{id}',
- path: {
- 'id': id,
- },
- });
- }
- /**
- * List user categories
- * @returns any List of categories
- * @throws ApiError
- */
- public static getCategories(): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/categories',
- });
- }
- /**
- * Create new category
- * @param requestBody
- * @returns any Category created
- * @throws ApiError
- */
- public static postCategories(
- requestBody?: {
- name: string;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'POST',
- url: '/categories',
- body: requestBody,
- mediaType: 'application/json',
- });
- }
- /**
- * Rename a category
- * @param id
- * @param requestBody
- * @returns any Category updated
- * @throws ApiError
- */
- public static putCategories(
- id: string,
- requestBody?: {
- name?: string;
- },
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'PUT',
- url: '/categories/{id}',
- path: {
- 'id': id,
- },
- body: requestBody,
- mediaType: 'application/json',
- });
- }
- /**
- * Delete a category
- * @param id
- * @returns void
- * @throws ApiError
- */
- public static deleteCategories(
- id: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'DELETE',
- url: '/categories/{id}',
- path: {
- 'id': id,
- },
- });
- }
- /**
- * Get current month summary
- * @param month
- * @returns any Monthly summary
- * @throws ApiError
- */
- public static getSummaryMonthly(
- month?: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/summary/monthly',
- query: {
- 'month': month,
- },
- });
- }
- /**
- * Get summary for custom range
- * @param start
- * @param end
- * @returns any Summary
- * @throws ApiError
- */
- public static getSummary(
- start?: string,
- end?: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/summary',
- query: {
- 'start': start,
- 'end': end,
- },
- });
- }
- /**
- * Budget overrun alert
- * @returns any Alert info
- * @throws ApiError
- */
- public static getSummaryAlerts(): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/summary/alerts',
- });
- }
- /**
- * Download/view receipt
- * @param id
- * @returns any Receipt file
- * @throws ApiError
- */
- public static getReceipts(
- id: string,
- ): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/receipts/{id}',
- path: {
- 'id': id,
- },
- });
- }
- /**
- * Get user profile
- * @returns any Profile info
- * @throws ApiError
- */
- public static getUserProfile(): CancelablePromise {
- return __request(OpenAPI, {
- method: 'GET',
- url: '/user/profile',
- });
- }
-}
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CancelablePromise } from "../core/CancelablePromise";
+import { OpenAPI } from "../core/OpenAPI";
+import { request as __request } from "../core/request";
+export class DefaultService {
+ /**
+ * Register a new user
+ * @param requestBody
+ * @returns any User created
+ * @throws ApiError
+ */
+ public static postAuthSignup(requestBody: {
+ email: string;
+ password: string;
+ }): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "POST",
+ url: "/auth/signup",
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * Login and receive JWT token
+ * @param requestBody
+ * @returns any Token returned
+ * @throws ApiError
+ */
+ public static postAuthLogin(requestBody: {
+ email: string;
+ password: string;
+ }): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "POST",
+ url: "/auth/login",
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * List all user expenses
+ * @param start Start date
+ * @param end End date
+ * @param category
+ * @param type
+ * @returns any List of expenses
+ * @throws ApiError
+ */
+ public static getExpenses(
+ start?: string,
+ end?: string,
+ category?: string,
+ type?: "recurring" | "one-time"
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/expenses",
+ query: {
+ start: start,
+ end: end,
+ category: category,
+ type: type,
+ },
+ });
+ }
+ /**
+ * Create a new expense
+ * @param formData
+ * @returns any Expense created
+ * @throws ApiError
+ */
+ public static postExpenses(formData?: {
+ amount: number;
+ date: string;
+ categoryId: string;
+ description?: string;
+ type?: "one-time" | "recurring";
+ startDate?: string;
+ endDate?: string;
+ receipt?: Blob;
+ }): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "POST",
+ url: "/expenses",
+ formData: formData,
+ mediaType: "multipart/form-data",
+ });
+ }
+ /**
+ * Get a single expense
+ * @param id
+ * @returns any Expense data
+ * @throws ApiError
+ */
+ public static getExpenses1(id: string): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/expenses/{id}",
+ path: {
+ id: id,
+ },
+ });
+ }
+ /**
+ * Update an expense
+ * @param id
+ * @param formData
+ * @returns any Expense updated
+ * @throws ApiError
+ */
+ public static putExpenses(
+ id: string,
+ formData?: {
+ amount?: number;
+ date?: string;
+ categoryId?: string;
+ description?: string;
+ type?: "one-time" | "recurring";
+ startDate?: string;
+ endDate?: string;
+ receipt?: Blob;
+ }
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "PUT",
+ url: "/expenses/{id}",
+ path: {
+ id: id,
+ },
+ formData: formData,
+ mediaType: "multipart/form-data",
+ });
+ }
+ /**
+ * Delete an expense
+ * @param id
+ * @returns void
+ * @throws ApiError
+ */
+ public static deleteExpenses(id: string): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "DELETE",
+ url: "/expenses/{id}",
+ path: {
+ id: id,
+ },
+ });
+ }
+ /**
+ * Get system income categories
+ * @returns any List of system income categories"
+ * @throws ApiError
+ */
+ public static getIncomesCategories(): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/incomes/categories",
+ });
+ }
+ /**
+ * Get user's custom income categories
+ * @returns any List of user's custom income categories
+ * @throws ApiError
+ */
+ public static getIncomesCustomCategories(): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/incomes/custom-categories",
+ });
+ }
+ /**
+ * Create a new custom income category
+ * @param requestBody
+ * @returns any Income category created
+ * @throws ApiError
+ */
+ public static postIncomesCustomCategories(requestBody: {
+ category_name: string;
+ icon_url?: string;
+ }): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "POST",
+ url: "/incomes/custom-categories",
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * Update an income category
+ * @param id
+ * @param requestBody
+ * @returns any Income category updated
+ * @throws ApiError
+ */
+ public static putIncomesCustomCategories(
+ id: string,
+ requestBody: {
+ category_name: string;
+ icon_url?: string;
+ }
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "PUT",
+ url: "/incomes/custom-categories/{id}",
+ path: {
+ id: id,
+ },
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * Delete an income category
+ * @param id
+ * @returns void
+ * @throws ApiError
+ */
+ public static deleteIncomesCustomCategories(
+ id: string
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "DELETE",
+ url: "/incomes/custom-categories/{id}",
+ path: {
+ id: id,
+ },
+ });
+ }
+ /**
+ * List all incomes
+ * @param start
+ * @param end
+ * @returns any List of incomes
+ * @throws ApiError
+ */
+ public static getIncomes(
+ start?: string,
+ end?: string
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/incomes",
+ query: {
+ start: start,
+ end: end,
+ },
+ });
+ }
+ /**
+ * Create new income
+ * @param requestBody
+ * @returns any Income created
+ * @throws ApiError
+ */
+ public static postIncomes(requestBody?: {
+ amount: number;
+ date?: string;
+ source?: string;
+ description?: string;
+ category_id?: number;
+ }): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "POST",
+ url: "/incomes",
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * Get an income entry
+ * @param id
+ * @returns any Income data
+ * @throws ApiError
+ */
+ public static getIncomes1(id: string): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/incomes/{id}",
+ path: {
+ id: id,
+ },
+ });
+ }
+ /**
+ * Update an income entry
+ * @param id
+ * @param requestBody
+ * @returns any Income updated
+ * @throws ApiError
+ */
+ public static putIncomes(
+ id: string,
+ requestBody?: {
+ amount?: number;
+ date?: string;
+ source?: string;
+ description?: string;
+ }
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "PUT",
+ url: "/incomes/{id}",
+ path: {
+ id: id,
+ },
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * Delete an income entry
+ * @param id
+ * @returns void
+ * @throws ApiError
+ */
+ public static deleteIncomes(id: string): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "DELETE",
+ url: "/incomes/{id}",
+ path: {
+ id: id,
+ },
+ });
+ }
+ /**
+ * List user categories
+ * @returns any List of categories
+ * @throws ApiError
+ */
+ public static getCategories(): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/categories",
+ });
+ }
+ /**
+ * Create new category
+ * @param requestBody
+ * @returns any Category created
+ * @throws ApiError
+ */
+ public static postCategories(requestBody?: {
+ name: string;
+ }): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "POST",
+ url: "/categories",
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * Rename a category
+ * @param id
+ * @param requestBody
+ * @returns any Category updated
+ * @throws ApiError
+ */
+ public static putCategories(
+ id: string,
+ requestBody?: {
+ name?: string;
+ }
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "PUT",
+ url: "/categories/{id}",
+ path: {
+ id: id,
+ },
+ body: requestBody,
+ mediaType: "application/json",
+ });
+ }
+ /**
+ * Delete a category
+ * @param id
+ * @returns void
+ * @throws ApiError
+ */
+ public static deleteCategories(id: string): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "DELETE",
+ url: "/categories/{id}",
+ path: {
+ id: id,
+ },
+ });
+ }
+ /**
+ * Get current month summary
+ * @param month
+ * @returns any Monthly summary
+ * @throws ApiError
+ */
+ public static getSummaryMonthly(month?: string): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/summary/monthly",
+ query: {
+ month: month,
+ },
+ });
+ }
+ /**
+ * Get summary for custom range
+ * @param start
+ * @param end
+ * @returns any Summary
+ * @throws ApiError
+ */
+ public static getSummary(
+ start?: string,
+ end?: string
+ ): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/summary",
+ query: {
+ start: start,
+ end: end,
+ },
+ });
+ }
+ /**
+ * Budget overrun alert
+ * @returns any Alert info
+ * @throws ApiError
+ */
+ public static getSummaryAlerts(): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/summary/alerts",
+ });
+ }
+ /**
+ * Download/view receipt
+ * @param id
+ * @returns any Receipt file
+ * @throws ApiError
+ */
+ public static getReceipts(id: string): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/receipts/{id}",
+ path: {
+ id: id,
+ },
+ });
+ }
+ /**
+ * Get user profile
+ * @returns any Profile info
+ * @throws ApiError
+ */
+ public static getUserProfile(): CancelablePromise {
+ return __request(OpenAPI, {
+ method: "GET",
+ url: "/user/profile",
+ });
+ }
+}
diff --git a/client/src/components/IncomeForm.tsx b/client/src/components/IncomeForm.tsx
new file mode 100644
index 0000000..efa83d9
--- /dev/null
+++ b/client/src/components/IncomeForm.tsx
@@ -0,0 +1,167 @@
+import React, { useState, useEffect } from "react";
+import type {
+ Income,
+ CreateIncomeRequest,
+ UpdateIncomeRequest,
+} from "../types/Income";
+import { IncomeService } from "../services/IncomeService";
+import { useIncomeCategories } from "../hooks/useIncomeCategories";
+import { Button, TextField, Select, Dialog, useToast, Skeleton } from "../ui";
+
+interface IncomeFormProps {
+ income?: Income;
+ onSave: () => void;
+ onCancel: () => void;
+ open: boolean;
+}
+
+export const IncomeForm: React.FC = ({
+ income,
+ onSave,
+ onCancel,
+ open,
+}) => {
+ const [formData, setFormData] = useState<
+ CreateIncomeRequest | UpdateIncomeRequest
+ >({
+ amount: income?.amount || 0,
+ date: income?.date
+ ? new Date(income.date).toISOString().split("T")[0]
+ : new Date().toISOString().split("T")[0],
+ source: income?.source || "",
+ description: income?.description || "",
+ category_id: income?.category_id || 0,
+ });
+
+ const { categories, loading: categoriesLoading } = useIncomeCategories();
+ const [saving, setSaving] = useState(false);
+ const toast = useToast();
+
+ useEffect(() => {
+ if (income) {
+ setFormData({
+ amount: income.amount,
+ date: new Date(income.date).toISOString().split("T")[0],
+ source: income.source,
+ description: income.description || "",
+ category_id: income.category_id,
+ });
+ } else {
+ setFormData({
+ amount: 0,
+ date: new Date().toISOString().split("T")[0],
+ source: "",
+ description: "",
+ category_id: 0,
+ });
+ }
+ }, [income, open]);
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setSaving(true);
+
+ try {
+ if (income) {
+ await IncomeService.updateIncome(income.income_id.toString(), formData);
+ toast.success("Income updated successfully");
+ } else {
+ await IncomeService.createIncome(formData as CreateIncomeRequest);
+ toast.success("Income created successfully");
+ }
+ onSave();
+ } catch (error) {
+ const message =
+ error instanceof Error ? error.message : "Failed to save income";
+ toast.error(message);
+ } finally {
+ setSaving(false);
+ }
+ };
+
+ const handleChange = (
+ field: keyof typeof formData,
+ value: string | number
+ ) => {
+ setFormData((prev) => ({
+ ...prev,
+ [field]:
+ field === "amount" || field === "category_id" ? Number(value) : value,
+ }));
+ };
+
+ return (
+
+ );
+};
diff --git a/client/src/components/IncomeList.tsx b/client/src/components/IncomeList.tsx
new file mode 100644
index 0000000..7baef49
--- /dev/null
+++ b/client/src/components/IncomeList.tsx
@@ -0,0 +1,107 @@
+import React from "react";
+import type { Income } from "../types/Income";
+import { useIncomes } from "../hooks/useIncomes";
+import { Button, Skeleton, Chip } from "../ui";
+
+interface IncomeListProps {
+ startDate?: string;
+ endDate?: string;
+ onEdit: (income: Income) => void;
+ onDelete: (income: Income) => void;
+}
+
+export const IncomeList: React.FC = ({
+ startDate,
+ endDate,
+ onEdit,
+ onDelete,
+}) => {
+ const { incomes, loading, error, refetch } = useIncomes(startDate, endDate);
+
+ if (loading) {
+ return (
+
+ {[...Array(5)].map((_, i) => (
+
+ ))}
+
+ );
+ }
+
+ if (error) {
+ return (
+
+
Error: {error}
+
+
+
+
Incomes
+
+
+
+ {incomes.length === 0 ? (
+
+ No incomes found for the selected period
+
+ ) : (
+
+ {incomes.map((income) => (
+
+
+
+
+
+ ${income.amount.toFixed(2)}
+
+ {income.category && (
+
+ )}
+
+
{income.source}
+ {income.description && (
+
+ {income.description}
+
+ )}
+
+ {new Date(income.date).toLocaleDateString()}
+
+
+
+
+
+
+
+
+ ))}
+
+ )}
+
+
+
Income Management
+
+
+
+
+
+ setDateFilter(prev => ({ ...prev, start: e.target.value || undefined }))}
+ />
+ setDateFilter(prev => ({ ...prev, end: e.target.value || undefined }))}
+ />
+
+
+
+
+
+
+
+
+