Function renderView

coding-exercise/src/App.js:10–31

()

  const [currentView, setCurrentView] = useState('home');

  const renderView = () => {
    if (currentView === 'home') {
      return <HomePage onNavigate={setCurrentView} />;
    }

    // Parse the view to get exercise ID and type (problem/solution)
    const [exerciseId, viewType] = currentView.split('-').reduce((acc, part, idx, arr) => {
      if (idx === arr.length - 1) {
        return [acc[0], part]; // Last part is the view type
      }
      return [acc[0] ? `${acc[0]}-${part}` : part, acc[1]];
    }, ['', '']);

    const exercise = exercises.find((ex) => ex.id === exerciseId);
    
    if (!exercise) {
      return <div>Exercise not found</div>;
    }

    const Component = viewType === 'solution' ? exercise.Solution : exercise.Problem;
    return <Component />;
  };

  return (
    <div className="App">