File size: 1,544 Bytes
24d40b9 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
import { useState } from "react";
import Header from "@/components/shared/Header";
import AppLayout from "@/components/layout/AppLayout";
import TransactionForm from "@/components/transactions/TransactionForm";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import AITransactionChat from "@/components/transactions/AITransactionChat";
import { ThemeToggle } from "@/components/theme/ThemeToggle";
const AddTransaction = () => {
const [activeTab, setActiveTab] = useState<string>("ai");
return (
<AppLayout>
<div className="max-w-md mx-auto px-4">
<div className="flex justify-between items-center">
<Header
title="Ajouter une Transaction"
showBackButton
/>
<ThemeToggle />
</div>
<Tabs defaultValue="ai" className="w-full mt-4" onValueChange={setActiveTab}>
<TabsList className="grid w-full grid-cols-2">
<TabsTrigger value="ai">Assistant IA</TabsTrigger>
<TabsTrigger value="form">Formulaire Standard</TabsTrigger>
</TabsList>
<TabsContent value="ai">
<div className="mt-4">
<AITransactionChat />
</div>
</TabsContent>
<TabsContent value="form">
<div className="mt-4">
<TransactionForm />
</div>
</TabsContent>
</Tabs>
</div>
</AppLayout>
);
};
export default AddTransaction;
|