docs: deprecation-notice

Author: LauRoxx

README.md

@@ -1,3 +1,5 @@
+> Deprecation Notice: This package is no longer supported. Please switch to [@availity/block-ui](https://www.npmjs.com/package/@availity/block-ui).
+
 [![npm version](https://badge.fury.io/js/react-block-ui.svg)](https://badge.fury.io/js/react-block-ui) [![Build Status](https://travis-ci.org/Availity/react-block-ui.svg?branch=master)](https://travis-ci.org/Availity/react-block-ui) [![Coverage Status](https://coveralls.io/repos/github/Availity/react-block-ui/badge.svg?branch=master)](https://coveralls.io/github/Availity/react-block-ui?branch=master)
 # react-block-ui
 Easy way to block the user from interacting with your UI.

docs/lib/UI/Layout.js

@@ -1,8 +1,9 @@
 import React from 'react';
 import Helmet from 'react-helmet';
+import { Provider } from 'react-redux';
+import { Alert } from 'reactstrap';
 import Footer from './Footer';
 import Nav from './Nav';
-import { Provider } from 'react-redux'
 import createStore from '../examples/ReduxStore';
 
 const store = createStore({});
@@ -15,9 +16,13 @@ export default (props) => {
         title="Block the user from interacting with your UI"
         defaultTitle="Block the user from interacting with your UI"
         meta={[
-            {"name": "description", "content": "React Block UI - easy way to block the user from interacting with your UI."},
-            {"property": "og:type", "content": "article"}
-        ]}/>
+            {'name': 'description', 'content': 'React Block UI - easy way to block the user from interacting with your UI.'},
+            {'property': 'og:type', 'content': 'article'},
+        ]}
+      />
+      <Alert color="warning" className="mb-0 text-center">
+        Deprecation Notice: This package is no longer supported. Please switch to <a className="alert-link" href="https://www.npmjs.com/package/@availity/block-ui">@availity/block-ui</a>.
+      </Alert>
       <Nav/>
       <Provider store={store}>
         {props.children}