diff options
| author | Factiven <[email protected]> | 2023-04-28 12:45:45 +0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-04-28 12:45:45 +0700 |
| commit | 2657f2e83e69a21584f5b47229521327fefb866b (patch) | |
| tree | 11b2ceb78d0b4c0be838eb2ec951ddffb6765587 /components/useAlert.js | |
| parent | Update README.md (diff) | |
| parent | Update listEditor.js (diff) | |
| download | moopa-2657f2e83e69a21584f5b47229521327fefb866b.tar.xz moopa-2657f2e83e69a21584f5b47229521327fefb866b.zip | |
Merge branch 'pre-production' into main
Diffstat (limited to 'components/useAlert.js')
| -rw-r--r-- | components/useAlert.js | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/components/useAlert.js b/components/useAlert.js new file mode 100644 index 0000000..7426096 --- /dev/null +++ b/components/useAlert.js @@ -0,0 +1,20 @@ +import { useState } from "react"; + +const useAlert = () => { + const [message, setMessage] = useState(""); + const [type, setType] = useState(""); + + const showAlert = (message, type = "success") => { + setMessage(message); + setType(type); + setTimeout(() => { + setMessage(""); + setType(""); + window.location.reload(); + }, 5000); + }; + + return { message, type, showAlert }; +}; + +export default useAlert; |