Add alert message for global notifications

web/utils/alert-message-context.tsx

@@ -0,0 +1,27 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+
+export const AlertMessageContext = React.createContext({
+    message: null,
+    setMessage: (text?: string) => {
+        return text;
+    }
+});
+
+const AlertMessageProvider = ({ children }) => {
+    const [message, setMessage] = useState('');
+    
+    const providerValue = {
+        message,
+        setMessage
+    }
+    return (
+        <AlertMessageContext.Provider value={providerValue}>{children}</AlertMessageContext.Provider>
+    )
+}
+
+AlertMessageProvider.propTypes = {
+    children: PropTypes.element.isRequired
+};
+
+export default AlertMessageProvider;