Always display snackbars for their intended durations
This commit is contained in:
parent
e0a516c182
commit
55df27455a
|
@ -9,13 +9,14 @@ export const SnackbarContext = React.createContext<{
|
||||||
|
|
||||||
const MassiveSnack = ({children}: {children: JSX.Element[] | JSX.Element}) => {
|
const MassiveSnack = ({children}: {children: JSX.Element[] | JSX.Element}) => {
|
||||||
const [snackbar, setSnackbar] = useState('');
|
const [snackbar, setSnackbar] = useState('');
|
||||||
|
const [timeoutId, setTimeoutId] = useState(0);
|
||||||
const dark = useColorScheme() === 'dark';
|
const dark = useColorScheme() === 'dark';
|
||||||
let timeoutId: number;
|
|
||||||
|
|
||||||
const toast = (value: string, timeout: number) => {
|
const toast = (value: string, timeout: number) => {
|
||||||
setSnackbar(value);
|
setSnackbar(value);
|
||||||
clearTimeout(timeoutId);
|
clearTimeout(timeoutId);
|
||||||
timeoutId = setTimeout(() => setSnackbar(''), timeout);
|
const id = setTimeout(() => setSnackbar(''), timeout);
|
||||||
|
setTimeoutId(id);
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
Loading…
Reference in New Issue
Block a user