init

src/hooks/useSubtitle.ts

@@ -0,0 +1,20 @@
+import {useAppDispatch} from './redux'
+import React, {useCallback} from 'react'
+import {setNeedScroll} from '../redux/envReducer'
+
+const useSubtitle = () => {
+  const dispatch = useAppDispatch()
+
+  const move = useCallback((time: number) => {
+    window.parent.postMessage({type: 'move', time}, '*')
+  }, [])
+
+  const scrollIntoView = useCallback((ref: React.RefObject<HTMLDivElement>) => {
+    ref.current?.scrollIntoView({behavior: 'smooth', block: 'center'})
+    dispatch(setNeedScroll(false))
+  }, [dispatch])
+
+  return {move, scrollIntoView}
+}
+
+export default useSubtitle