Notification message should be saved in Object format

[Silver-IT]

Problem

Since the notification messages are simple string, they can't be reactive to the user's profile changes.
As I mentioned here, many different names could be used for one user.

Example case

The group has a new member. Say hi to alexjin!
Alex Jin proposed to add a member to the group. Vote now!
Alex created a proposal. Vote now!
SilverIT  proposed to change the group voting system. Vote now!

Solution

Save the notification message in an Object format, and render them inside NotificationList.vue.

[Silver-IT]

While investigating the Notification body, I've found another issue. The body should be Object, not string, to make it reactive to the language config changes.

export type Notification = {
  // Indicates which user avatar icon to display alongside the notification.
  +avatarUserID: string;
  +body: string;
  // If present, indicates in which group's notification list to display the notification.
  +groupID?: string;
  +icon: string;
  +level: NotificationLevel;
  +linkTo: string;
  read: boolean;
  // When the corresponding event happened.
  +timestamp: number;
  +type: string;
  // Other properties might be defined according to the notification's type.
  ...
}