94 lines
2.2 KiB
JavaScript
94 lines
2.2 KiB
JavaScript
|
// @flow
|
||
|
|
import * as ACTIONS from 'constants/action_types';
|
||
|
|
|
||
|
|
/*
|
||
|
|
Toasts:
|
||
|
|
- First-in, first-out queue
|
||
|
|
- Simple messages that are shown in response to user interactions
|
||
|
|
- Never saved
|
||
|
|
- If they are the result of errors, use the isError flag when creating
|
||
|
|
- For errors that should interrupt user behavior, use Error
|
||
|
|
*/
|
||
|
|
declare type ToastParams = {
|
||
|
|
message: string,
|
||
|
|
title?: string,
|
||
|
|
linkText?: string,
|
||
|
|
linkTarget?: string,
|
||
|
|
isError?: boolean,
|
||
|
|
};
|
||
|
|
|
||
|
|
declare type Toast = {
|
||
|
|
id: string,
|
||
|
|
params: ToastParams,
|
||
|
|
};
|
||
|
|
|
||
|
|
declare type DoToast = {
|
||
|
|
type: ACTIONS.CREATE_TOAST,
|
||
|
|
data: Toast,
|
||
|
|
};
|
||
|
|
|
||
|
|
/*
|
||
|
|
Notifications:
|
||
|
|
- List of notifications based on user interactions/app notifications
|
||
|
|
- Always saved, but can be manually deleted
|
||
|
|
- Can happen in the background, or because of user interaction (ex: publish confirmed)
|
||
|
|
*/
|
||
|
|
declare type Notification = {
|
||
|
|
id: string, // Unique id
|
||
|
|
dateCreated: number,
|
||
|
|
isRead: boolean, // Used to display "new" notifications that a user hasn't seen yet
|
||
|
|
source?: string, // The type/area an notification is from. Used for sorting (ex: publishes, transactions)
|
||
|
|
// We may want to use priority/isDismissed in the future to specify how urgent a notification is
|
||
|
|
// and if the user should see it immediately
|
||
|
|
// isDissmied: boolean,
|
||
|
|
// priority?: number
|
||
|
|
};
|
||
|
|
|
||
|
|
declare type DoNotification = {
|
||
|
|
type: ACTIONS.CREATE_NOTIFICATION,
|
||
|
|
data: Notification,
|
||
|
|
};
|
||
|
|
|
||
|
|
declare type DoEditNotification = {
|
||
|
|
type: ACTIONS.EDIT_NOTIFICATION,
|
||
|
|
data: {
|
||
|
|
notification: Notification,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
declare type DoDeleteNotification = {
|
||
|
|
type: ACTIONS.DELETE_NOTIFICATION,
|
||
|
|
data: {
|
||
|
|
id: string, // The id to delete
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
/*
|
||
|
|
Errors:
|
||
|
|
- First-in, first-out queue
|
||
|
|
- Errors that should interupt user behavior
|
||
|
|
- For errors that can be shown without interrupting a user, use Toast with the isError flag
|
||
|
|
*/
|
||
|
|
declare type ErrorNotification = {
|
||
|
|
title: string,
|
||
|
|
text: string,
|
||
|
|
};
|
||
|
|
|
||
|
|
declare type DoError = {
|
||
|
|
type: ACTIONS.CREATE_ERROR,
|
||
|
|
data: ErrorNotification,
|
||
|
|
};
|
||
|
|
|
||
|
|
declare type DoDismissError = {
|
||
|
|
type: ACTIONS.DISMISS_ERROR,
|
||
|
|
};
|
||
|
|
|
||
|
|
/*
|
||
|
|
NotificationState
|
||
|
|
*/
|
||
|
|
declare type NotificationState = {
|
||
|
|
notifications: Array<Notification>,
|
||
|
|
errors: Array<ErrorNotification>,
|
||
|
|
toasts: Array<Toast>,
|
||
|
|
};
|