1  import React, { useState } from 'react';
 2  import './App.css';
 3  import HomePage from './components/HomePage';
 4  import JwtRpcApp from './components/JwtRpcApp';
 5  import CacheMetrics from './components/CacheMetrics';
 6  
 7  function App() {
 8    const [currentApp, setCurrentApp] = useState('home');
 9  
10    const navigateToApp = (appId) => {
11      setCurrentApp(appId);
12    };
13  
14    const navigateToHome = () => {
15      setCurrentApp('home');
16    };
17  
18    const renderCurrentApp = () => {
19      switch (currentApp) {
20        case 'jwt-rpc':
21          return <JwtRpcApp onBackToHome={navigateToHome} />;
22        case 'cache-metrics':
23          return <CacheMetrics onBackToHome={navigateToHome} />;
24        case 'home':
25        default:
26          return <HomePage onNavigateToApp={navigateToApp} />;
27      }
28    };
29  
30    return renderCurrentApp();
31  }
32  
33  export default App;