new fix for toggle is working

Author: AmoDinho

src/components/chapters/Chapters.js

@@ -213,10 +213,13 @@ const Chapters = ({
         <HeadingThree className="text-center">Frontend</HeadingThree>
 
         <div className="flex justify-around">
-          <FrameworkButton onClick={() => toggleFramework()} img={ReactIcon}>
+          <FrameworkButton
+            onClick={() => toggleFramework("react")}
+            img={ReactIcon}
+          >
             React posts
           </FrameworkButton>
-          <FrameworkButton onClick={() => toggleFramework()} img={VueIcon}>
+          <FrameworkButton onClick={() => toggleFramework("vue")} img={VueIcon}>
             Vue posts
           </FrameworkButton>
         </div>

src/pages/index.js

@@ -10,8 +10,8 @@ import constants from "../constants"
 const IndexPage = () => {
   const [framework, setFramework] = useState("vue")
 
-  const toggleFramework = () => {
-    setFramework(framework => (framework === "vue" ? "react" : "vue"))
+  const toggleFramework = selectedFramework => {
+    setFramework(selectedFramework)
   }
 
   constants.track("App.LandingPage.View")