market-proxy/test-api/src/App.js

import React, { useState } from 'react';
import Layout from './components/Layout';
import MainPage from './components/MainPage';
import Leaderboard from './components/Leaderboard';
import RequestReplay from './components/RequestReplay';

function App() {
  const [currentPage, setCurrentPage] = useState('main');

  const handleNavigate = (page) => {
    setCurrentPage(page);
  };

  const handleBack = () => {
    setCurrentPage('main');
  };

  const renderCurrentPage = () => {
    switch (currentPage) {
      case 'leaderboard':
        return <Leaderboard onBack={handleBack} />;
      case 'requests-replay':
        return <RequestReplay onBack={handleBack} />;
      default:
        return <MainPage onNavigate={handleNavigate} />;
    }
  };

  return (
    <Layout>
      {renderCurrentPage()}
    </Layout>
  );
}

export default App;