I have a problem, not sure what I am doing wrong.
I have a side panel(sideNav) which has a button which does a navigate to the about page.
The first time I click on it it works, takes me to the about page, if I click back on the about page it takes me to the main page and now the about button doesn’t do anything anymore.
this is the routes variable:
[{
path: “/”,
async(routeTo, routeFrom, resolve, reject) {
firebase.auth().onAuthStateChanged((user) => {
if (splashScreenShown) {
if (user) {
resolve({ component: HomePage });
} else {
resolve({ component: Login });
}
} else {
resolve({ component: SplashScreen});
splashScreenShown=true;
setTimeout(() => {
if (userul) {
resolve({ component: HomePage});
} else {
resolve({ component: Login});
}
}, 3500);
}
});
},
name: “home”,
viewName: “main”,
},
{
path: “/about/”,
component: AboutPage,
viewName: “main”,
},
{
path: “/sidenav/”,
panel: {
viewName: “sideMenu”,
component: SideNav,
},
}]
this is the function for the about button from sideNav:
onClick={() => {
f7router.navigate(’/about/’);
}}
Nevermind,I fixed it by putting the panelClose parameter to the button