Related Activities

Description

Related activities is a component that displays the related activity of the main content that have badge, description, status and timestamp.

System Dependencies

Installation

The package can be installed via npm:

npm install empower-display --save

Related Activities Base Configuration

Configuration

import { RelatedActivities } from 'empower-display';

..............

  const activities = [
        {
            badge: SVG_BADGE_APPROVE,
            status: 'approved',
            desc: 'Desc 1',
            date: 'date here',
        },
        {
            badge: SVG_BADGE_PENDING,
            status: 'pending',
            desc: 'Desc 2',
            date: 'date here',
        }
    ];
    
    /**
     * 
     * getActions - method that gets the value and data of the component
     */

    const getActions = (value, data) => {
        console.log('VALUE', value, data)
    }
    
..............

  return (
    <>
      <RelatedActivities activities={activities} onChange={(action, data) => getActions(action, data)} />
    </>
  )

Properties

Parameter	Data Type	Constraint	Description

Parameter	Data Type	Constraint	Description
activities	Array	Required	Display the data from the object inside the array badge = SVG desc = String status = String date = String

References

Repository Link: https://bitbucket.org/empowerteams/empower-display

NPM Package: npm: empower-display

Demo Repo: git@bitbucket.org:empowerteams/mfe-sub-application-template.git

Front End