Product EngineeringFeaturesNotification SystemFrontend

Redux Actions

Redux action creators, thunks, and action flow diagrams for notification management

👤 Development Team📅 Updated: Mar 13, 2026📁 Services🏷️ notifications🏷️ frontend🏷️ redux🏷️ actions🏷️ async-thunks

Redux Actions

Action Types

Create src/store/actions/notificationActions.ts:

GitHub: View on GitHub

Action Flow Diagrams

Fetch Initial Data Flow

Mark as Read Flow

Push Notification Received Flow

Action Constants Reference

ActionTypePayloadDescription
startLoadingSync-Set loader to true
stopLoadingSync-Set loader to false
getInitialDataAsync-Fetch initial notifications & types
fetchNotificationsAsyncparamsFetch with filters/pagination
updateNotificationAsyncidMark single notification as read
updateMultipleNotificationsAsyncids[]Mark multiple as read
setFcmTokenSynctokenStore FCM token
setPushNotificationDataSyncdataShow push alert
incrementUnreadCountSync-Increment counter
decrementUnreadCountSync-Decrement counter
filterNotificationsSyncfiltersApply filters
setErrorSyncmessageSet error message
resetNotificationStateSync-Reset to initial state

Next Steps: Refer back to Components or Configuration as needed for implementation details.

On this page