import { useAppContext } from '../context/AppContext';
import { AlertFeed } from '../components/AlertFeed';
import { PageHeader } from '../components/ui/page-header';

export function AlertsView() {
  const { botState } = useAppContext();
  return (
    <div>
      <PageHeader
        title="Alerts"
        description="Review recent signals, warnings, and execution events across your trading activity."
      />
      <AlertFeed alerts={botState.alerts} />
    </div>
  );
}
