import React, { Component } from "react"; import "./MainPage.scss"; import Carousel from "../Carousel/Carousel"; import Menu from "../Menu/Menu"; import Information from "../Information/Information"; import About from "../About/About"; import Careers from "../Careers/Careers"; import Contact from "../Contact/Contact"; import Navbar from "../Navbar/Navbar"; import OnlineOrder from "../OnlineOrder/OnlineOrder"; class MainPage extends Component { constructor(props) { super(props); this.state = { view: "carousel" }; this.loadCarousel = this.loadCarousel.bind(this); this.loadMenu = this.loadMenu.bind(this); this.loadOrderOnline = this.loadOrderOnline.bind(this); this.loadInformation = this.loadInformation.bind(this); this.loadAboutUs = this.loadAboutUs.bind(this); this.loadCareers = this.loadCareers.bind(this); this.loadContact = this.loadContact.bind(this); } loadCarousel() { this.setState({ view: "carousel" }); console.log("carousel"); } loadMenu() { this.setState({ view: "menu" }); console.log("menu"); } loadOrderOnline() { this.setState({ view: "orderOnline" }); console.log("orderOnline"); } loadInformation() { this.setState({ view: "information" }); console.log("information"); } loadAboutUs() { this.setState({ view: "aboutUs" }); console.log("aboutUs"); } loadCareers() { this.setState({ view: "careers" }); console.log("careers"); } loadContact() { this.setState({ view: "contact" }); console.log("contact"); } render() { const contentView = this.state.view; let content; if (contentView === "carousel") { content = ; } else if (contentView === "menu") { content = ; } else if (contentView === "orderOnline") { content = ; } else if (contentView === "information") { content = ; } else if (contentView === "aboutUs") { content = ; } else if (contentView === "careers") { content = ; } else if (contentView === "contact") { content = ; } return (

{content}

); } } export default MainPage;

5mx04yqyl