From a6e9bd3fb4990ebc61a5f65aff014e2e1e5d16ee Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Sat, 11 Jul 2020 12:54:44 -0500
Subject: [PATCH] Added a loading screen on Notificatoins if isLoading
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Added:
- a loading screen on Notificatoins if isLoading
---
 app/javascript/gabsocial/features/notifications.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/javascript/gabsocial/features/notifications.js b/app/javascript/gabsocial/features/notifications.js
index 26cf796a..ec9baae5 100644
--- a/app/javascript/gabsocial/features/notifications.js
+++ b/app/javascript/gabsocial/features/notifications.js
@@ -12,6 +12,7 @@ import {
   forceDequeueNotifications,
 } from '../actions/notifications'
 import NotificationContainer from '../containers/notification_container'
+import ColumnIndicator from '../components/column_indicator'
 import ScrollableList from '../components/scrollable_list'
 import TimelineQueueButtonHeader from '../components/timeline_queue_button_header'
 import Block from '../components/block'
@@ -107,6 +108,10 @@ class Notifications extends ImmutablePureComponent {
       selectedFilter,
     } = this.props
 
+    if (isLoading) {
+      return <ColumnIndicator type='loading' />
+    }
+
     let scrollableContent = null
 
     if (isLoading && this.scrollableContent) {