Function App

frontend/src/App.tsx:15–50

()

import type { DataSource } from './types/datasource';

function App() {
  const [sources, setSources] = useState<DataSource[]>([]);
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    fetchSources()
      .then((data) => {
        setSources(data);
        setIsLoading(false);
      })
      .catch((err) => {
        console.error('Failed to fetch sources:', err);
        const message = err instanceof ApiError ? err.message : 'Failed to load data sources';
        toastManager.add({ title: message, type: 'error' });
        setIsLoading(false);
      });
  }, []);

  return (
    <ErrorBoundary>
      <ToastProvider>
        <BrowserRouter>
          <Routes>
            <Route path="/" element={<Layout sources={sources} isLoading={isLoading} />}>
              <Route index element={<HomeRedirect />} />
              <Route path="requests" element={<RequestView />} />
              <Route path="source/:sourceId" element={<SourceDetailView />} />
              <Route path="source/:sourceId/tool/:toolName" element={<ToolDetailView />} />
              <Route path="*" element={<NotFoundView />} />
            </Route>
          </Routes>
        </BrowserRouter>
      </ToastProvider>
    </ErrorBoundary>
  );
}

export default App