Delete components/Chart.tsx

components/Chart.tsx

@@ -1,57 +0,0 @@
-"use client"
-import { useEffect, useRef, useState } from 'react'
-import Plot from 'react-plotly.js'
-
-
-interface ChartProps {
-    onRoboClick: () => void
-}
-
-export const Chart: React.FC<ChartProps> = ({ onRoboClick }) => {
-    const [data, setData] = useState<any[]>([])
-
-    useEffect(() => {
-        const fetchData = async () => {
-            const response = await fetch('http://localhost:5000/fetch_candles')
-            const candles = await response.json()
-            
-            setData([{
-                type: 'candlestick',
-                x: candles.map((c: any) => new Date(c.time)),
-                open: candles.map((c: any) => c.open),
-                high: candles.map((c: any) => c.high),
-                low: candles.map((c: any) => c.low),
-                close: candles.map((c: any) => c.close),
-                increasing: {line: {color: '#4CAF50'}},
-                decreasing: {line: {color: '#FF5252'}}
-            }])
-        }
-
-        fetchData()
-    }, [])
-
-    return (
-        <div className="relative">
-            <button 
-                onClick={onRoboClick}
-                className="absolute top-2 left-2 text-2xl cursor-pointer z-10"
-            >
-                🤖
-            </button>
-            <Plot
-                data={data}
-                layout={{
-                    width: 1000,
-                    height: 500,
-                    paper_bgcolor: '#1A1A1A',
-                    plot_bgcolor: '#1A1A1A',
-                    font: { color: '#d1d4dc' },
-                    xaxis: { gridcolor: '#2a2e39' },
-                    yaxis: { gridcolor: '#2a2e39' },
-                    margin: { l: 50, r: 50, t: 30, b: 30 }
-                }}
-                config={{ responsive: true }}
-            />
-        </div>
-    )
-}