From 13654b47442a2a8bf953891856aed9b42b01f3e2 Mon Sep 17 00:00:00 2001 From: liliana <liliana.sanfilippo@uni-bielefeld.de> Date: Wed, 26 Jun 2024 10:09:51 +0200 Subject: [PATCH] Darkmode vorerst ausgesetzt --- src/components/Navbar.tsx | 20 ++++++++++---------- src/containers/App/App.tsx | 6 +++--- src/contents/home.tsx | 10 +--------- src/pages.ts | 2 +- 4 files changed, 15 insertions(+), 23 deletions(-) diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index f592add3..d890f097 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -5,11 +5,11 @@ import NavDropdown from "react-bootstrap/NavDropdown"; import { Link } from "react-router-dom"; import Pages from "../pages.ts"; -export function Navbar({isDarkMode, setIsDarkMode}:any) { +export function Navbar(/* {isLightMode, setIsLightMode}:any */) { - const handleToggle = () => { - setIsDarkMode(!isDarkMode); - }; + /* const handleToggle = () => { + setIsLightMode(!isLightMode); + }; */ const pages = Pages.map((item, pageIndex) => { if ("folder" in item && item.folder) { @@ -45,19 +45,19 @@ export function Navbar({isDarkMode, setIsDarkMode}:any) { }); return ( - <BootstrapNavbar className="navbar-custom" expand="lg" bg={isDarkMode ? "d" : "l"} variant={isDarkMode ? "dark" : "light"} fixed="top"> + <BootstrapNavbar className="navbar-custom" expand="lg" bg="l" variant="light"/* bg={isLightMode ? "d" : "l"} variant={isLightMode ? "dark" : "light"} */fixed="top"> <Container> <BootstrapNavbar.Brand> {import.meta.env.VITE_TEAM_NAME} </BootstrapNavbar.Brand> <BootstrapNavbar.Toggle aria-controls="basic-navbar-nav" /> <BootstrapNavbar.Collapse id="basic-navbar-nav"> - <Nav className="left-aligned"> - <button id="theme-toggle" className="btn btn-outline-secondary ml-auto" onClick={handleToggle}> - {isDarkMode ? '🌙' : '🔆' } - </button> + <Nav className="left-aligned"> + {/* <button id="theme-toggle" className="btn btn-outline-secondary ml-auto" onClick={handleToggle}> + {isLightMode ? '🌙' : '🔆' } + </button> */} {pages} - </Nav> + </Nav> </BootstrapNavbar.Collapse> </Container> </BootstrapNavbar> diff --git a/src/containers/App/App.tsx b/src/containers/App/App.tsx index 6c5f2178..d2302fc2 100644 --- a/src/containers/App/App.tsx +++ b/src/containers/App/App.tsx @@ -6,11 +6,11 @@ import { getPathMapping, stringToSlug } from "../../utils"; import { useEffect, useState } from "react"; const App = () => { - // Dark Mode toggle + /* // Dark Mode toggle const [isDarkMode, setIsDarkMode] = useState(true); useEffect(() => { document.body.className = isDarkMode ? 'dark-mode' : ''; - }, [isDarkMode]); + }, [isDarkMode]); */ const pathMapping = getPathMapping(); const currentPath = @@ -29,7 +29,7 @@ const App = () => { return ( <> {/* Navigation */} - <Navbar isDarkMode={isDarkMode} setIsDarkMode={setIsDarkMode} /> + <Navbar /* isDarkMode={isDarkMode} setIsDarkMode={setIsDarkMode} */ /> {/* Header and PageContent */} <Routes> diff --git a/src/contents/home.tsx b/src/contents/home.tsx index fc415b1a..73ae5627 100644 --- a/src/contents/home.tsx +++ b/src/contents/home.tsx @@ -1,5 +1,4 @@ //import { Inspirations, InspirationLink } from "../components"; -import { Link } from "react-router-dom"; import Villbuttonrow from '../components/Villagebuttons.tsx'; export function Home() { @@ -9,18 +8,11 @@ export function Home() { <div className="col"> <h2>Wiki under construction!</h2> <hr /> - <p>See you soon!</p> </div> <Villbuttonrow></Villbuttonrow> </div> <div className="row"> - <div className="d-flex flex-column justify-content-center align-items-center"> - <h2></h2> - <hr /> - <Link to="/description" className="btn btn-secondary btn-lg"> - Project Description - </Link> - </div> + </div> </> ); diff --git a/src/pages.ts b/src/pages.ts index f17f33f0..efcb9381 100644 --- a/src/pages.ts +++ b/src/pages.ts @@ -46,7 +46,7 @@ const Pages: (Page | Folder)[] = [ title: "Bielefeld CeBiTec", path: "/", component: Home, - lead: "Change the fates' design...", + lead: "Precision with every breath", }, { name: "Team", -- GitLab