Spaces:
Runtime error
Runtime error
| import React, { useState } from "react"; | |
| import Bourdieu from "./Bourdieu"; | |
| import DocsView from "./DocsView"; | |
| import DropdownMenu from "./DropdownMenu"; | |
| import MapView from "./Map"; | |
| import TreemapView from "./TreemapView"; | |
| import { TopicsProvider } from "./UploadFileContext"; | |
| function App() { | |
| const [selectedView, setSelectedView] = useState("map"); // Default to 'map' | |
| return ( | |
| <div className="App"> | |
| <div className="main-display"> | |
| <div className="top-right" id="top-banner"> | |
| <a href="https://github.com/charlesdedampierre/BunkaTopics" target="_blank" rel="noopener noreferrer" className="linkedin-icon"> | |
| <img src="/github_logo.png" alt="LinkedIn" /> | |
| </a> | |
| <img src="/bunka_logo.png" alt="Bunka Logo" className="bunka-logo" /> | |
| <DropdownMenu onSelectView={setSelectedView} selectedView={selectedView} /> | |
| </div> | |
| <TopicsProvider onSelectView={setSelectedView} selectedView={selectedView}> | |
| {selectedView === "map" ? ( | |
| <MapView /> | |
| ) : selectedView === "docs" ? ( | |
| <DocsView /> | |
| ) : selectedView === "treemap" ? ( | |
| /** | |
| * Hidden view for the moment | |
| */ | |
| <TreemapView /> | |
| ) : selectedView === "bourdieu" ? ( | |
| <Bourdieu /> | |
| ) : ( | |
| <MapView /> | |
| )} | |
| </TopicsProvider> | |
| </div> | |
| </div> | |
| ); | |
| } | |
| export default App; | |