diff --git a/apps/desktop/layer/renderer/src/modules/app-layout/subscription-column/SubscriptionColumn.tsx b/apps/desktop/layer/renderer/src/modules/app-layout/subscription-column/SubscriptionColumn.tsx index 24a505812..a13ab9621 100644 --- a/apps/desktop/layer/renderer/src/modules/app-layout/subscription-column/SubscriptionColumn.tsx +++ b/apps/desktop/layer/renderer/src/modules/app-layout/subscription-column/SubscriptionColumn.tsx @@ -22,6 +22,8 @@ import { useTimelineColumnTempShow, } from "~/atoms/sidebar" import { FloatingLayerScope } from "~/constants" +import { useNavigateEntry } from "~/hooks/biz/useNavigateEntry" +import { useRouteParams } from "~/hooks/biz/useRouteParams" import { useBatchUpdateSubscription } from "~/hooks/biz/useSubscriptionActions" import { useI18n } from "~/hooks/common" import { NetworkStatusIndicator } from "~/modules/app/NetworkStatusIndicator" @@ -103,6 +105,9 @@ const FeedResponsiveResizerContainer = ({ const feedColumnShow = useTimelineColumnShow() const feedColumnTempShow = useTimelineColumnTempShow() + const { entryId, isPendingEntry } = useRouteParams() + const navigate = useNavigateEntry() + const t = useI18n() useEffect(() => { if (feedColumnShow) { @@ -165,7 +170,6 @@ const FeedResponsiveResizerContainer = ({ timer = clearTimeout(timer) } }, [feedColumnShow]) - const t = useI18n() return ( <> @@ -185,6 +189,24 @@ const FeedResponsiveResizerContainer = ({ }} > {children} + + {/* Semi-transparent overlay with exit hint when in wide mode with entry selected */} + {entryId && !isPendingEntry && ( +
navigate({ entryId: null })} + > +
+
+
+ + {t("entry.exit_detail")} +
+ {t("entry.click_to_return")} +
+
+
+ )}