From a4c1dc231c8b792e3e8ed38d07619d1a2a50a358 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 9 Oct 2024 18:10:58 +0800
Subject: [PATCH] fix: document title change when entry changed

Signed-off-by: Innei <i@innei.in>
---
 apps/renderer/src/modules/ab/providers.tsx        | 4 ++--
 apps/renderer/src/modules/entry-column/index.tsx  | 5 +++--
 apps/renderer/src/modules/entry-content/index.tsx | 5 ++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/renderer/src/modules/ab/providers.tsx b/apps/renderer/src/modules/ab/providers.tsx
index ce0f8f0ab..a53be3214 100644
--- a/apps/renderer/src/modules/ab/providers.tsx
+++ b/apps/renderer/src/modules/ab/providers.tsx
@@ -55,7 +55,7 @@ const ABModalContent = () => {
   const setEnableDebugOverride = useSetAtom(enableDebugOverrideAtom)
   return (
     <div>
-      <Label className="flex items-center justify-between">
+      <Label className="flex items-center justify-between gap-4">
         Enable Override A/B
         <Switch
           checked={enableOverride}
@@ -71,7 +71,7 @@ const ABModalContent = () => {
         {Object.keys(features).map((key) => {
           return (
             <div key={key} className="flex w-full items-center justify-between">
-              <Label className="flex w-full items-center justify-between text-sm">
+              <Label className="flex w-full items-center justify-between gap-4 text-sm">
                 {key}
                 <SwitchInternal Key={key as any} />
               </Label>
diff --git a/apps/renderer/src/modules/entry-column/index.tsx b/apps/renderer/src/modules/entry-column/index.tsx
index a18b787d5..9e6d25dc7 100644
--- a/apps/renderer/src/modules/entry-column/index.tsx
+++ b/apps/renderer/src/modules/entry-column/index.tsx
@@ -27,7 +27,7 @@ import { cn, isBizId } from "~/lib/utils"
 import type { FeedModel } from "~/models"
 import { useFeed } from "~/queries/feed"
 import { entryActions, getEntry, useEntry } from "~/store/entry"
-import { useFeedById } from "~/store/feed"
+import { useFeedById, useFeedHeaderTitle } from "~/store/feed"
 import { useSubscriptionByFeedId } from "~/store/subscription"
 
 import { useEntriesByView, useEntryMarkReadHandler } from "./hooks"
@@ -66,7 +66,8 @@ function EntryColumnImpl() {
   } = useRouteParams()
   const activeEntry = useEntry(activeEntryId)
   const feed = useFeedById(routeFeedId)
-  useTitle(feed?.title)
+  const title = useFeedHeaderTitle()
+  useTitle(title)
 
   useEffect(() => {
     if (!activeEntryId) return
diff --git a/apps/renderer/src/modules/entry-content/index.tsx b/apps/renderer/src/modules/entry-content/index.tsx
index 054d259aa..7ee96f9d5 100644
--- a/apps/renderer/src/modules/entry-content/index.tsx
+++ b/apps/renderer/src/modules/entry-content/index.tsx
@@ -39,7 +39,7 @@ import {
 } from "~/providers/wrapped-element-provider"
 import { Queries } from "~/queries"
 import { useEntry } from "~/store/entry"
-import { useFeedById, useFeedHeaderTitle } from "~/store/feed"
+import { useFeedById } from "~/store/feed"
 
 import { LoadingWithIcon } from "../../components/ui/loading"
 import { EntryPlaceholderDaily } from "../ai/ai-daily/EntryPlaceholderDaily"
@@ -66,10 +66,9 @@ export const EntryContent = ({
   compact?: boolean
   classNames?: EntryContentClassNames
 }) => {
-  const title = useFeedHeaderTitle()
   const { feedId, view } = useRouteParams()
   const enableEntryWideMode = useUISettingKey("wideMode")
-  useTitle(title)
+
   if (!entryId) {
     if (enableEntryWideMode) {
       return null