hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-25 15:25:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(sns): stabilize jump date popover month

Browse Source
This commit is contained in:
aits2026
2026-03-06 15:34:58 +08:00
parent e92983dd80
commit 02aefcf155
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Sns/SnsFilterPanel.tsx
View File

@@ -45,6 +45,7 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
contactsCountProgress
}) => {
const [showJumpPopover, setShowJumpPopover] = useState(false)
const [jumpPopoverDate, setJumpPopoverDate] = useState<Date>(jumpTargetDate || new Date())
const jumpCalendarWrapRef = useRef<HTMLDivElement | null>(null)
useEffect(() => {
@@ -58,6 +59,11 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
return () => document.removeEventListener('mousedown', handleClickOutside)
}, [showJumpPopover])
useEffect(() => {
if (showJumpPopover) return
setJumpPopoverDate(jumpTargetDate || new Date())
}, [jumpTargetDate, showJumpPopover])
const filteredContacts = contacts.filter(c =>
(c.displayName || '').toLowerCase().includes(contactSearch.toLowerCase()) ||
c.username.toLowerCase().includes(contactSearch.toLowerCase())
@@ -131,7 +137,12 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
<div className="jump-calendar-anchor" ref={jumpCalendarWrapRef}>
<button
className={`date-picker-trigger ${jumpTargetDate ? 'active' : ''}`}
onClick={() => setShowJumpPopover(prev => !prev)}
onClick={() => {
if (!showJumpPopover) {
setJumpPopoverDate(jumpTargetDate || new Date())
}
setShowJumpPopover(prev => !prev)
}}
>
<span className="date-text">
{jumpTargetDate
@@ -152,9 +163,12 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
</button>
<JumpToDatePopover
isOpen={showJumpPopover}
currentDate={jumpTargetDate || new Date()}
currentDate={jumpPopoverDate}
onClose={() => setShowJumpPopover(false)}
onSelect={(date) => setJumpTargetDate(date)}
onSelect={(date) => {
setJumpPopoverDate(date)
setJumpTargetDate(date)
}}
/>
</div>
</div>