diff --git a/app/accounts/page.tsx b/app/accounts/page.tsx
index c36b340..f33ec40 100644
--- a/app/accounts/page.tsx
+++ b/app/accounts/page.tsx
@@ -36,6 +36,7 @@ import {
Wallet,
PiggyBank,
RefreshCw,
+ ExternalLink,
} from "lucide-react";
import type { Account } from "@/lib/types";
import { cn } from "@/lib/utils";
@@ -55,13 +56,14 @@ const accountTypeLabels = {
};
export default function AccountsPage() {
- const { data, isLoading, refresh, update } = useBankingData();
+ const { data, isLoading, refresh } = useBankingData();
const [editingAccount, setEditingAccount] = useState(null);
const [isDialogOpen, setIsDialogOpen] = useState(false);
const [formData, setFormData] = useState({
name: "",
type: "CHECKING" as Account["type"],
folderId: "folder-root",
+ externalUrl: "",
});
if (isLoading || !data) {
@@ -88,6 +90,7 @@ export default function AccountsPage() {
name: account.name,
type: account.type,
folderId: account.folderId || "folder-root",
+ externalUrl: account.externalUrl || "",
});
setIsDialogOpen(true);
};
@@ -101,6 +104,7 @@ export default function AccountsPage() {
name: formData.name,
type: formData.type,
folderId: formData.folderId,
+ externalUrl: formData.externalUrl || null,
};
await updateAccount(updatedAccount);
refresh();
@@ -244,6 +248,17 @@ export default function AccountsPage() {
)}
)}
+ {account.externalUrl && (
+
+
+ Accéder au portail banque
+
+ )}
);
@@ -306,6 +321,19 @@ export default function AccountsPage() {
+
+
+
+ setFormData({ ...formData, externalUrl: e.target.value })
+ }
+ placeholder="https://..."
+ />
+
+ URL personnalisée vers le portail de votre banque
+
+