NetMapper2026/frontend/src/App.tsx

import { useState } from 'react';
import './App.css';
import { TopologyView } from './pages/TopologyView';
import { InventoryView } from './pages/InventoryView';
import { IPsView } from './pages/IPsView';
import { DiscoveryJobsView } from './pages/DiscoveryJobsView';
import { ServicesView } from './pages/ServicesView';
import type { ViewKey } from './types';

export function App() {
  const [current, setCurrent] = useState<ViewKey>('inventory');

  const commonProps = { onNavigate: setCurrent };

  const renderView = () => {
    switch (current) {
      case 'topology':
        return <TopologyView {...commonProps} />;
      case 'inventory':
        return <InventoryView {...commonProps} />;
      case 'ips':
        return <IPsView {...commonProps} />;
      case 'discovery':
        return <DiscoveryJobsView {...commonProps} />;
      case 'services':
        return <ServicesView {...commonProps} />;
      default:
        return <InventoryView {...commonProps} />;
    }
  };

  return renderView();
}