Nectar-Topics / src /App.jsx
Charles De Dampierre
changes
d0d0f59
raw
history blame
1.46 kB
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;