mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-09 13:51:57 -04:00
5a1edea00a
Some browsers (mostly cypress's chrome) doesn't execute the onLoad callback automatically on the iframe. The fallback is a timer that triggers this after a timeout of 500ms. Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
36 lines
977 B
TypeScript
36 lines
977 B
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import { useCallback, useRef } from 'react'
|
|
|
|
/**
|
|
* Creates a timer with the given timeout and callback.
|
|
* The timer is not started automatically.
|
|
*
|
|
* @param timeout The timeout in milliseconds
|
|
* @param callback The callback to execute when the time is up
|
|
* @return [startTimer, stopTimer] Functions to start and stop the timeout
|
|
*/
|
|
export const useTimeoutFn = (timeout: number, callback: () => void) => {
|
|
const timerRef = useRef<NodeJS.Timeout | null>(null)
|
|
|
|
const stopTimer = useCallback(() => {
|
|
if (timerRef.current === null) {
|
|
return
|
|
}
|
|
clearTimeout(timerRef.current)
|
|
timerRef.current = null
|
|
}, [])
|
|
|
|
const startTimer = useCallback(() => {
|
|
if (timerRef.current !== null) {
|
|
return
|
|
}
|
|
timerRef.current = setTimeout(callback, timeout)
|
|
}, [callback, timeout])
|
|
|
|
return [startTimer, stopTimer]
|
|
}
|