diff --git a/frontend/src/pages/CompanyDetail.tsx b/frontend/src/pages/CompanyDetail.tsx index a21a945..5c043dd 100644 --- a/frontend/src/pages/CompanyDetail.tsx +++ b/frontend/src/pages/CompanyDetail.tsx @@ -44,7 +44,8 @@ export function CompanyDetailPage() { const { data: signals } = useCompetitiveSignals(company?.ticker); const { data: decisions } = useCorporateDecisions(company?.ticker); const { data: trends } = useTrends({ ticker: company?.ticker, limit: 200 }); - const { data: trendHistory } = useTrendHistory({ ticker: company?.ticker, limit: 500 }); + const [selectedWindow, setSelectedWindow] = useState('7d'); + const { data: trendHistory } = useTrendHistory({ ticker: company?.ticker, window: selectedWindow, limit: 500 }); const { data: marketPrices } = useMarketPrices(company?.ticker, 200); const { data: positions } = usePositions(company?.ticker); const [tab, setTab] = useState<'trends' | 'sources' | 'aliases' | 'macro' | 'competitors' | 'patterns' | 'signals' | 'decisions'>('trends'); @@ -87,7 +88,7 @@ export function CompanyDetailPage() { {tab === 'trends' && (
- +
)} @@ -662,8 +663,7 @@ function PositionCard({ positions, ticker }: { positions: import('../api/hooks') ); } -function TrendHistoryChart({ trends, latestTrends, ticker, marketPrices }: { trends: TrendSummary[]; latestTrends: TrendSummary[]; ticker: string; marketPrices: MarketPrice[] }) { - const [selectedWindow, setSelectedWindow] = useState('7d'); +function TrendHistoryChart({ trends, latestTrends, ticker, marketPrices, selectedWindow, onWindowChange }: { trends: TrendSummary[]; latestTrends: TrendSummary[]; ticker: string; marketPrices: MarketPrice[]; selectedWindow: string; onWindowChange: (w: string) => void }) { // Determine the time range for the selected window to filter data const windowHours: Record = { @@ -742,7 +742,7 @@ function TrendHistoryChart({ trends, latestTrends, ticker, marketPrices }: { tre {(availableWindows.length > 0 ? availableWindows : WINDOW_ORDER).map((w) => (