fix(desktop): update date when date prop updated

Innei · Innei · commit e5e3bc1c06ff · 2025-04-23T15:08:43.000+08:00
- Simplified date string setting logic in RelativeDay component.
- Added spacing in EntryHeadDateItem for better layout.
- Consolidated className definition in DateItem component for consistency.

Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/desktop/src/renderer/src/components/ui/datetime/index.tsx b/apps/desktop/src/renderer/src/components/ui/datetime/index.tsx
@@ -62,16 +62,16 @@ export const RelativeDay = ({ date }: { date: Date }) => {
       timerRef.current = setTimeout(() => {
         setDateString(formatDateString(date))
       }, updateInterval)
-    } else {
-      setDateString(formatDateString(date))
     }
+    setDateString(formatDateString(date))
 
     return () => {
       timerRef.current = clearTimeout(timerRef.current)
     }
   }, [date, formatDateString, language])
 
   const formated = dayjs(date).format(formatTemplateStringShort)
+
   if (formated === dateString) {
     return <>{dateString}</>
   }
diff --git a/apps/desktop/src/renderer/src/modules/entry-column/components/DateItem.tsx b/apps/desktop/src/renderer/src/modules/entry-column/components/DateItem.tsx
@@ -40,13 +40,12 @@ const useParseDate = (date: string) =>
     }
   }, [date])
 
+const dateItemclassName = tw`relative flex items-center text-sm lg:text-base gap-1 bg-background px-4 font-bold text-zinc-800 dark:text-neutral-400 h-7`
 export const DateItem = memo(({ date, view, isSticky }: DateItemProps) => {
-  const className = tw`relative flex items-center text-sm lg:text-base gap-1 bg-background px-4 font-bold text-zinc-800 dark:text-neutral-400 h-7`
-
   if (view === FeedViewType.SocialMedia) {
-    return <SocialMediaDateItem date={date} className={className} isSticky={isSticky} />
+    return <SocialMediaDateItem date={date} className={dateItemclassName} isSticky={isSticky} />
   }
-  return <UniversalDateItem date={date} className={className} isSticky={isSticky} />
+  return <UniversalDateItem date={date} className={dateItemclassName} isSticky={isSticky} />
 })
 const UniversalDateItem = ({ date, className, isSticky }: Omit<DateItemProps, "view">) => {
   const { startOfDay, endOfDay, dateObj } = useParseDate(date)
diff --git a/apps/desktop/src/renderer/src/modules/entry-column/list.tsx b/apps/desktop/src/renderer/src/modules/entry-column/list.tsx
@@ -302,6 +302,7 @@ const EntryHeadDateItem: FC<{
   const date = new Date(
     isList ? entry.entries.insertedAt : entry.entries.publishedAt,
   ).toDateString()
+
   return <DateItem isSticky={isSticky} date={date} view={view} />
 })
 

Original file line number	Diff line number	Diff line change
`@@ -62,16 +62,16 @@ export const RelativeDay = ({ date }: { date: Date }) => {`
`62`	`62`	`timerRef.current = setTimeout(() => {`
`63`	`63`	`setDateString(formatDateString(date))`
`64`	`64`	`}, updateInterval)`
`65`		`- } else {`
`66`		`- setDateString(formatDateString(date))`
`67`	`65`	`}`
	`66`	`+ setDateString(formatDateString(date))`
`68`	`67`
`69`	`68`	`return () => {`
`70`	`69`	`timerRef.current = clearTimeout(timerRef.current)`
`71`	`70`	`}`
`72`	`71`	`}, [date, formatDateString, language])`
`73`	`72`
`74`	`73`	`const formated = dayjs(date).format(formatTemplateStringShort)`
	`74`	`+`
`75`	`75`	`if (formated === dateString) {`
`76`	`76`	`return <>{dateString}</>`
`77`	`77`	`}`