|
|
|
@ -29,7 +29,6 @@ export const TabsUI = (props: TabsUIProps) => { |
|
|
|
|
useEffect(() => { |
|
|
|
|
if (props.tabs[selectedIndex]) { |
|
|
|
|
tabsRef.current[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }) |
|
|
|
|
console.log("usesc") |
|
|
|
|
} |
|
|
|
|
}, [selectedIndex]) |
|
|
|
|
|
|
|
|
@ -57,13 +56,13 @@ export const TabsUI = (props: TabsUIProps) => { |
|
|
|
|
setSelectedIndex(index) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function transformScroll(event) { |
|
|
|
|
const transformScroll = (event) => { |
|
|
|
|
if (!event.deltaY) { |
|
|
|
|
return; |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
event.currentTarget.scrollLeft += event.deltaY + event.deltaX; |
|
|
|
|
event.preventDefault(); |
|
|
|
|
event.currentTarget.scrollLeft += event.deltaY + event.deltaX |
|
|
|
|
event.preventDefault() |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|