import React, { useState } from 'react'<br /> // import useLocalStorage from 'use-local-storage'<br /> import Header from './components/header/Header'<br /> import Nav from './components/nav/Nav'<br /> import About from './components/about/About'<br /> import Experience from './components/experience/Experience'<br /> import Services from './components/services/Services'<br /> import Portfolio from './components/portfolio/Portfolio'<br /> import Testimonials from './components/tesimonials/Testimonials'<br /> import Contact from './components/contact/Contact'<br /> import Footer from './components/footer/Footer'<br /> <br /> const palette = ['tropical', 'alt', 'default']<br /> <br /> const App = () => {<br /> <br /> const [val, setVal] = useState(palette[0]) <br /> console.log('Button =',val)<br /> <br /> const switchTheme = (e) => {<br /> <br /> setVal(e.target.value)<br /> <br /> document.documentElement.setAttribute('data-theme', val)<br /> console.log('switchTheme has fired!',val)<br /> }<br /> <br /> return (<br /> <div><br /> <select id='style' value={val} className='btn btn-primary' onChange={(e) => setVal(e.target.value)} onClick={switchTheme}><br /> <option>'{palette[0]}'</option><br /> <option>'{palette[1]}'</option><br /> <option>'{palette[2]}'</option><br /> </select><br /> <br /> <><br /> <body><br /> <Header /><br /> <Nav /><br /> <About /><br /> <Experience /><br /> <Services /><br /> <Portfolio /><br /> <Testimonials /><br /> <Contact /><br /> <Footer /><br /> </body><br /> </><br /> </div><br /> <br /> )<br /> }<br /> <br /> export default App
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)