All files / libs/ext/react/hooks/src/lib/use-feedback useFeedback.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1x
1x
1x
3x
3x
3x
3x
3x
2x
2x
1x
1x
1x
3x
3x
3x
3x
 
import { useEffect, useState } from 'react';
 
export const useFeedback = ({ timeoutMs = 2000 } = {}) => {
  const [value, setValue] = useState(false);
 
  // Reset success state after 2 seconds
  useEffect(() => {
    if (!value) {
      return undefined;
    }
 
    const timeout = setTimeout(() => setValue(false), timeoutMs);
    return () => clearTimeout(timeout);
  }, [value, setValue, timeoutMs]);
 
  return [value, setValue] as const;
};