LJayFX Stock Analysis Software
unknown
plain_text
a month ago
3.1 kB
3
Indexable
import React from "react"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"; import { Input } from "@/components/ui/input"; import { Textarea } from "@/components/ui/textarea"; import { Button } from "@/components/ui/button"; import { LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer } from "recharts"; const sampleData = [ { date: "Mon", price: 120 }, { date: "Tue", price: 130 }, { date: "Wed", price: 125 }, { date: "Thu", price: 140 }, { date: "Fri", price: 135 }, ]; export default function StockAnalysisLayout() { return ( <div className="p-6 grid grid-cols-1 md:grid-cols-2 gap-6"> {/* Stock Information */} <Card className="col-span-1"> <CardHeader> <CardTitle>Stock Details</CardTitle> </CardHeader> <CardContent className="space-y-4"> <Input placeholder="Stock Ticker (e.g., AAPL)" /> <Textarea placeholder="Brief Description / Notes" rows={4} /> <Button>Save Stock Info</Button> </CardContent> </Card> {/* Chart Analysis */} <Card className="col-span-1"> <CardHeader> <CardTitle>Chart Analysis</CardTitle> </CardHeader> <CardContent> <ResponsiveContainer width="100%" height={200}> <LineChart data={sampleData}> <XAxis dataKey="date" /> <YAxis /> <Tooltip /> <Line type="monotone" dataKey="price" stroke="#4f46e5" strokeWidth={2} /> </LineChart> </ResponsiveContainer> <Textarea placeholder="Write your technical analysis here..." rows={4} className="mt-4" /> <Button className="mt-2">Save Chart Notes</Button> </CardContent> </Card> {/* Tabs for Fundamentals, News, etc. */} <Card className="col-span-1 md:col-span-2"> <CardHeader> <CardTitle>Additional Insights</CardTitle> </CardHeader> <CardContent> <Tabs defaultValue="fundamentals"> <TabsList> <TabsTrigger value="fundamentals">Fundamentals</TabsTrigger> <TabsTrigger value="news">News</TabsTrigger> <TabsTrigger value="strategy">Strategy</TabsTrigger> </TabsList> <TabsContent value="fundamentals"> <Textarea placeholder="Write about company fundamentals..." rows={6} /> <Button className="mt-2">Save Fundamentals</Button> </TabsContent> <TabsContent value="news"> <Textarea placeholder="Summarize recent news..." rows={6} /> <Button className="mt-2">Save News</Button> </TabsContent> <TabsContent value="strategy"> <Textarea placeholder="Outline your trading strategy..." rows={6} /> <Button className="mt-2">Save Strategy</Button> </TabsContent> </Tabs> </CardContent> </Card> </div> ); }
Editor is loading...
Leave a Comment