diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 4c1a48a6..86c6d2ea 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -607,7 +607,8 @@
"settings": "Settings",
"support": "Support",
"discover": "Discover",
- "development": "Development"
+ "development": "Development",
+ "desktop": "App Settings"
}
},
"notFound": {
diff --git a/src/components/LinksDropdown.tsx b/src/components/LinksDropdown.tsx
index dd2dac2d..a2c65257 100644
--- a/src/components/LinksDropdown.tsx
+++ b/src/components/LinksDropdown.tsx
@@ -291,6 +291,14 @@ export function LinksDropdown(props: { children: React.ReactNode }) {
{t("navigation.menu.settings")}
+
+ window.dispatchEvent(new CustomEvent("pstream-desktop-settings"))
+ }
+ icon={Icons.GEAR}
+ >
+ {t("navigation.menu.desktop")}
+
{t("home.watchHistory.sectionTitle")}
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index d1152de6..f2303e8f 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -9,7 +9,6 @@ import { LinksDropdown } from "@/components/LinksDropdown";
import { useNotifications } from "@/components/overlays/notificationsModal";
import { Lightbar } from "@/components/utils/Lightbar";
import { useAuth } from "@/hooks/auth/useAuth";
-import { useIsDesktopApp } from "@/hooks/useIsDesktopApp";
import { BlurEllipsis } from "@/pages/layouts/SubPageLayout";
import { conf } from "@/setup/config";
import { useBannerSize } from "@/stores/banner";
@@ -22,7 +21,6 @@ export interface NavigationProps {
noLightbar?: boolean;
doBackground?: boolean;
clearBackground?: boolean;
- hideBrandPill?: boolean;
}
export function Navigation(props: NavigationProps) {
@@ -31,11 +29,6 @@ export function Navigation(props: NavigationProps) {
const { loggedIn } = useAuth();
const [scrollPosition, setScrollPosition] = useState(0);
const { openNotifications, getUnreadCount } = useNotifications();
- const isDesktopApp = useIsDesktopApp();
-
- const handleDesktopSettings = () => {
- window.dispatchEvent(new CustomEvent("pstream-desktop-settings"));
- };
useEffect(() => {
const handleScroll = () => {
@@ -143,15 +136,13 @@ export function Navigation(props: NavigationProps) {
- {!(props.hideBrandPill && isDesktopApp) && (
-
window.scrollTo(0, 0)}
- >
-
-
- )}
+
window.scrollTo(0, 0)}
+ >
+
+
-
- {isDesktopApp && (
-
- )}
+
{loggedIn ? : }
diff --git a/src/pages/layouts/HomeLayout.tsx b/src/pages/layouts/HomeLayout.tsx
index c99a0f4d..c73cd845 100644
--- a/src/pages/layouts/HomeLayout.tsx
+++ b/src/pages/layouts/HomeLayout.tsx
@@ -30,7 +30,6 @@ export function HomeLayout(props: {
bg={enableFeatured ? true : props.showBg}
clearBackground={clearBackground}
noLightbar={enableFeatured}
- hideBrandPill
/>
{props.children}
diff --git a/src/pages/parts/home/HeroPart.tsx b/src/pages/parts/home/HeroPart.tsx
index c7907765..f2acd709 100644
--- a/src/pages/parts/home/HeroPart.tsx
+++ b/src/pages/parts/home/HeroPart.tsx
@@ -6,7 +6,6 @@ import { SearchBarInput } from "@/components/form/SearchBar";
import { ThinContainer } from "@/components/layout/ThinContainer";
import { useSlashFocus } from "@/components/player/hooks/useSlashFocus";
import { HeroTitle } from "@/components/text/HeroTitle";
-import { useIsDesktopApp } from "@/hooks/useIsDesktopApp";
import { useIsIOS, useIsMobile, useIsPWA } from "@/hooks/useIsMobile";
import { useIsTV } from "@/hooks/useIsTv";
import { useRandomTranslation } from "@/hooks/useRandomTranslation";
@@ -47,7 +46,6 @@ export function HeroPart({
const bannerSize = useBannerSize();
const { isMobile } = useIsMobile();
const { isTV } = useIsTV();
- const isDesktopApp = useIsDesktopApp();
const stickStateChanged = useCallback(
(isFixed: boolean) => {
@@ -83,7 +81,7 @@ export function HeroPart({
showTitle ? "mt-44" : "mt-4",
)}
>
- {showTitle && (!isTV || search.length === 0) && !isDesktopApp ? (
+ {showTitle && (!isTV || search.length === 0) ? (
{title}