import { createBrowserRouter, type RouteObject } from 'react-router-dom';
import { AppShell } from './app-shell.js';
import { OverviewPage } from '../features/overview/overview-page.js';
import { ConversationRoute } from '../features/conversations/conversation-route.js';
import { MediaRoute } from '../features/media/media-route.js';
import { OperationsPage } from '../features/operations/operations-page.js';
import { PerformancePage } from '../features/performance/performance-page.js';
import { SettingsRoute } from '../features/settings/settings-route.js';
import { RouteErrorPage } from './route-error-page.js';
import { AttentionPage } from '../features/attention/attention-page.js';
import { OutreachPage } from '../features/outreach/outreach-page.js';
import { MediaLibraryPage } from '../features/media-library/media-library-page.js';
import { SubredditsPage } from '../features/subreddits/subreddits-page.js';
import { AccountsPage } from '../features/accounts/accounts-page.js';
import { GrowthPage } from '../features/growth/growth-page.js';
import { LearningPage } from '../features/learning/learning-page.js';

export function createDashboardRoutes(): RouteObject[] {
  return [
    {
      path: '/',
      element: <AppShell />,
      errorElement: <RouteErrorPage />,
      children: [
        { index: true, element: <OverviewPage /> },
        { path: 'attention', element: <AttentionPage /> },
        { path: 'outreach', element: <OutreachPage /> },
        { path: 'conversations', element: <ConversationRoute /> },
        { path: 'conversations/:conversationId', element: <ConversationRoute /> },
        { path: 'media', element: <MediaRoute /> },
        { path: 'media-library', element: <MediaLibraryPage /> },
        { path: 'performance', element: <PerformancePage /> },
        { path: 'learning', element: <LearningPage /> },
        { path: 'operations', element: <OperationsPage /> },
        { path: 'subreddits', element: <SubredditsPage /> },
        { path: 'accounts', element: <AccountsPage /> },
        { path: 'growth', element: <GrowthPage /> },
        { path: 'settings', element: <SettingsRoute /> },
      ],
    },
  ];
}

export const dashboardRouter = createBrowserRouter(createDashboardRoutes());