feat: move theme toggle and language selector to top nav bar

Theme toggle (sun/moon) and language selector (globe + dropdown) now
live in the top nav's right section alongside help and avatar.
Removed the floating Footer component from the home page since its
contents are now in the nav bar.
This commit is contained in:
SnapOtter
2026-06-14 23:13:38 +08:00
parent 6bcee1e073
commit aff9159ae0
2 changed files with 103 additions and 7 deletions
+1 -5
View File
@@ -5,7 +5,6 @@ import { useEffect, useMemo, useRef, useState } from "react";
import { Link, useLocation, useNavigate } from "react-router-dom";
import { ToolCard } from "@/components/common/tool-card.js";
import { AppLayout } from "@/components/layout/app-layout.js";
import { Footer } from "@/components/layout/footer.js";
import { useTranslation } from "@/contexts/i18n-context";
import { useFuseSearch } from "@/hooks/use-fuse-search.js";
import { usePageTitle } from "@/hooks/use-page-title.js";
@@ -24,8 +23,7 @@ export function HomePage() {
const { t } = useTranslation();
const [activeTab, setActiveTab] = useState<string>("all");
const [search, setSearch] = useState("");
const { fetch: fetchSettings, disabledTools, experimentalEnabled, loaded } =
useSettingsStore();
const { fetch: fetchSettings, disabledTools, experimentalEnabled, loaded } = useSettingsStore();
const recentToolIds = useRecentTools();
usePageTitle();
@@ -119,8 +117,6 @@ export function HomePage() {
<ToolGrid recentTools={recentTools} groupedTools={groupedTools} />
)}
</div>
<Footer />
</div>
</AppLayout>
);