import React, { useState } from "react"; import { Header } from "./components/Header"; import { Sidebar } from "./components/Sidebar"; import { Footer } from "./components/Footer"; import { MainPage } from "./components/pages/MainPage"; import { ConstructionPage } from "./components/pages/ConstructionPage"; import { RenovationPage } from "./components/pages/RenovationPage"; import { DesignPage } from "./components/pages/DesignPage"; import { MaterialsPage } from "./components/pages/MaterialsPage"; import { GalleryPage } from "./components/pages/GalleryPage"; import { ForumPage } from "./components/pages/ForumPage"; import { ContactsPage } from "./components/pages/ContactsPage"; import { ArticleDetailPage } from "./components/pages/ArticleDetailPage"; export default function App() { const [currentPage, setCurrentPage] = useState("main"); const [currentArticle, setCurrentArticle] = useState(null); const handleNavigation = (page: string) => { setCurrentPage(page); setCurrentArticle(null); // Clear article when navigating to a new page }; const handleArticleClick = (articleData: any) => { setCurrentArticle(articleData); setCurrentPage("article"); }; const handleBackFromArticle = () => { setCurrentArticle(null); setCurrentPage("main"); // Return to main page or previous page }; const renderCurrentPage = () => { if (currentPage === "article" && currentArticle) { return (
); } switch (currentPage) { case "main": return
; case "construction": return (
); case "renovation": return (
); case "design": return (
); case "materials": return (
); case "gallery": return
; case "forum": return
; case "contacts": return
; case "archive": return
; case "sitemap": return
; default: return
; } }; return (
{currentPage !== "article" && (
)} {renderCurrentPage()}
); }