From fde5018da8952fcb4557263283493a6bb8160cdd Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Mon, 21 Dec 2020 15:43:25 +0530
Subject: [PATCH] Add warning plugin. Add grommet-icons as dependency

---
 package.json           |  1 +
 src/plugins/index.js   |  2 ++
 src/plugins/warning.js | 32 ++++++++++++++++++++++++++++++++
 3 files changed, 35 insertions(+)
 create mode 100644 src/plugins/warning.js

diff --git a/package.json b/package.json
index 1bf7d7a..a3cca20 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
     "grommet": "^2.16.2",
+    "grommet-icons": "^4.5.0",
     "polished": "^4.0.5",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
diff --git a/src/plugins/index.js b/src/plugins/index.js
index 2d2ab40..1d42fc9 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -1,6 +1,8 @@
 import Mpd from "./mpd";
 import Weather from "./weather";
+import Warning from "./warning";
 export default {
 	mpd: Mpd,
 	weather: Weather,
+	warning: Warning,
 };
diff --git a/src/plugins/warning.js b/src/plugins/warning.js
new file mode 100644
index 0000000..c292a67
--- /dev/null
+++ b/src/plugins/warning.js
@@ -0,0 +1,32 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Box, Button, Heading, Text } from "grommet";
+import { Alert } from "grommet-icons";
+
+function Warning(props) {
+	return (
+		<Box
+			align="center"
+			background="light-1"
+			width="100vw"
+			justify="center"
+			direction="column"
+			alignContent="center"
+			height="100vh"
+		>
+			<Alert color="#D0C100" size="xlarge" />
+			<Heading>{props.data.title}</Heading>
+			<Text>{props.data.description}</Text>
+			<Button primary size="large" onClick={props.close} label="Dismiss" margin="1em"/>
+		</Box>
+	);
+}
+
+Warning.propTypes = {
+	data: PropTypes.object,
+	close: PropTypes.func
+};
+
+Warning.pluginName = "Warning";
+
+export default Warning;