src/layouts/PublicLayout.tsx

@@ -410,10 +410,13 @@ export function PublicLayout() {
             }
           />
           <BottomNavIcon
-            to="/wallet"
-            label={t("wallet")}
-            icon="profile"
-            active={pathname === "/wallet"}
+            to="/browse?sort=recommended"
+            label={t("official")}
+            icon="heart"
+            active={
+              pathname === "/browse" &&
+              new URLSearchParams(search).get("sort") === "recommended"
+            }
           />
           <BottomNavIcon
             to="/browse?sort=latest"
@@ -440,7 +443,7 @@ function BottomNavIcon({
 }: {
   to: string;
   label: string;
-  icon: "home" | "document" | "profile" | "update";
+  icon: "home" | "document" | "heart" | "profile" | "update";
   active: boolean;
 }) {
   const src = active