hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 🐛

Browse source
This commit is contained in:
codytseng 2025-07-03 09:53:03 +08:00
parent 29692bc9aa
commit 4df8f10ea9
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/NoteInteractions/Tabs.tsx
View file

@ -16,11 +16,11 @@ export function Tabs({
onTabChange: (tab: TTabValue) => void
}) {
const { t } = useTranslation()
const activeIndex = TABS.findIndex((tab) => tab.value === selectedTab)
const tabRefs = useRef<(HTMLDivElement | null)[]>([])
const [indicatorStyle, setIndicatorStyle] = useState({ width: 0, left: 0 })
useEffect(() => {
const activeIndex = TABS.findIndex((tab) => tab.value === selectedTab)
if (activeIndex >= 0 && tabRefs.current[activeIndex]) {
const activeTab = tabRefs.current[activeIndex]
const { offsetWidth, offsetLeft } = activeTab
@ -30,7 +30,7 @@ export function Tabs({
left: offsetLeft + padding / 2
})
}
}, [activeIndex])
}, [selectedTab])
return (
<div className="w-fit">

4
src/components/Tabs/index.tsx
View file

@ -21,12 +21,12 @@ export default function Tabs({
}) {
const { t } = useTranslation()
const { deepBrowsing, lastScrollTop } = useDeepBrowsing()
const activeIndex = tabs.findIndex((tab) => tab.value === value)
const tabRefs = useRef<(HTMLDivElement | null)[]>([])
const [indicatorStyle, setIndicatorStyle] = useState({ width: 0, left: 0 })
useEffect(() => {
const handleResize = () => {
const activeIndex = tabs.findIndex((tab) => tab.value === value)
if (activeIndex >= 0 && tabRefs.current[activeIndex]) {
const activeTab = tabRefs.current[activeIndex]
const { offsetWidth, offsetLeft } = activeTab
@ -42,7 +42,7 @@ export default function Tabs({
return () => {
window.removeEventListener('resize', handleResize)
}
}, [activeIndex])
}, [value])
return (
<div