diff --git a/app/categories/[category]/category.tsx b/app/categories/[category]/category.tsx index ad1998d8..e97114df 100644 --- a/app/categories/[category]/category.tsx +++ b/app/categories/[category]/category.tsx @@ -24,7 +24,6 @@ type CategoryPageProps = { const Category: FunctionComponent = ({ categoryName }) => { const router = useRouter(); const { categories } = useContext(QuestsContext); - const [category, setCategory] = useState(); useEffect(() => { @@ -32,15 +31,30 @@ const Category: FunctionComponent = ({ categoryName }) => { setCategory(categories.find((cat) => cat.name === categoryName)); }, [categories, categoryName]); + const tabRoutes = ["/", "/", "/"]; + + const handleBack = () => { + const activeTab = localStorage.getItem("activeTab"); + if (activeTab) { + router.push(tabRoutes[parseInt(activeTab, 10)]); + } else { + router.back(); + } + }; + return (
- router.back()} /> +
- + {(categoryName as string)?.charAt(0)?.toUpperCase() + categoryName?.slice(1)}{" "} quests diff --git a/components/pages/home/questAndCollectionTabs.tsx b/components/pages/home/questAndCollectionTabs.tsx index d73434f0..9f9f0c32 100644 --- a/components/pages/home/questAndCollectionTabs.tsx +++ b/components/pages/home/questAndCollectionTabs.tsx @@ -38,12 +38,15 @@ const QuestAndCollectionTabs: FunctionComponent< > = ({ quests, trendingQuests, categories }) => { const router = useRouter(); const { address, isConnecting } = useAccount(); - const [tabIndex, setTabIndex] = React.useState(0); + const [tabIndex, setTabIndex] = useState( + parseInt(localStorage.getItem("activeTab") || "0", 10) + ); const { getBoostClaimStatus } = useBoost(); const handleChangeTab = useCallback( (event: React.SyntheticEvent, newValue: number) => { setTabIndex(newValue); + localStorage.setItem("activeTab", newValue.toString()); }, [] );