Merge pull request #21 from zeusongit/config

Render webapp from env URL

Author: zeusongit

config/.env

@@ -1 +1 @@
-NOTIFICATION_URL=""
+NOTIFICATION_URL="https://ddehnr4ewobxc.cloudfront.net/dynNotifications.json"

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamods/notifications-center",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Notification center maintained by Dynamo Team@Autodesk",
   "author": "Autodesk Inc.",
   "license": "MIT",

package.json

@@ -8,33 +8,38 @@ function App() {
   const [APIData, setAPIData] = useState(false);
   useEffect(() => {
     window.RequestNotifications = RequestNotifications;
+    RequestNotifications();
   }, []);
 
   const RequestNotifications = (url) => {
-    axios.get(url)
-    .then((response) => {
-      const notifications = response.data.notifications;
-      let notificationData = [];
-      for (let i = 0; i < notifications.length; i++) {
-        var notificationItem = {
-          id: notifications[i].id,
-          featured: true,
-          unread: true,
-          image: <img width={40} src={notifications[i].thumbnail}></img>,
-          message: notifications[i].title,
-          href: notifications[i].linkTitle,
-          timestamp: <Timestamp timestamp={notifications[i].created} />,
-          content: <div>
-            <b>{notifications[i].title}</b>
-            <p>{notifications[i].longDescription}</p>
-            <a href={notifications[i].link}>{notifications[i].linkTitle}</a>
-          </div>
-        };
-        notificationData.push(notificationItem);
-      }
-      setAPIData(notificationData);
-    });
+    let getURL = url || process.env.NOTIFICATION_URL;
+    if(getURL){
+      axios.get(getURL)
+      .then((response) => {
+        const notifications = response.data.notifications;
+        let notificationData = [];
+        for (let i = 0; i < notifications.length; i++) {
+          var notificationItem = {
+            id: notifications[i].id,
+            featured: true,
+            unread: true,
+            image: <img width={40} src={notifications[i].thumbnail}></img>,
+            message: notifications[i].title,
+            href: notifications[i].linkTitle,
+            timestamp: <Timestamp timestamp={notifications[i].created} />,
+            content: <div>
+              <b>{notifications[i].title}</b>
+              <p>{notifications[i].longDescription}</p>
+              <a href={notifications[i].link}>{notifications[i].linkTitle}</a>
+            </div>
+          };
+          notificationData.push(notificationItem);
+        }
+        setAPIData(notificationData);
+      });
+    }
   }
+
   return APIData ?
   <NotificationsPanel class="NotificationsFlyout"
       heading="Notifications"