Merge pull request #462 from rvsia/fixNoNotifications

Fix no notifications for demo

Author: Hyperkid123

packages/react-renderer-demo/src/app/src/components/notification-panel.js

@@ -40,7 +40,7 @@ const getNotifications = () => {
   const query = `?orderBy="expired-at"&startAt="${new Date().toISOString()}"&limitToFirst=10`;
   return fetch(`https://data-driven-forms.firebaseio.com/notifications.json${query}`)
     .then((data) => data.json())
-    .then((data) => data.filter(Boolean).sort((a, b) => b['created-at'].localeCompare(a['created-at'])) || []);
+    .then((data) => (data ? data.filter(Boolean).sort((a, b) => b['created-at'].localeCompare(a['created-at'])) : []));
 };
 
 const createNotificationId = (notification) => `${notification['created-at']}-${notification['expired-at']}`;
@@ -77,6 +77,14 @@ const NotificationPanel = ({ isOpen, onClose, anchorRef, setNewMessages }) => {
                     {index < notifications.length - 1 ? <Divider variant="middle" /> : null}
                   </React.Fragment>
                 ))}
+                {notifications.length === 0 && (
+                  <ListItem alignItems="flex-start" className={classes.listItem}>
+                    <ListItemText
+                      secondary={<Markdown options={options}>No notifications</Markdown>}
+                      secondaryTypographyProps={{ color: 'textPrimary', component: 'div' }}
+                    />
+                  </ListItem>
+                )}
               </List>
             </Paper>
           </Grow>