Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
npm install empower-display --save

🔹

...

Related Activities Base Configuration

...

Configuration

Code Block
import { NavTabRelatedActivities } 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)} />
    </>
  )

...

🔹 References

Repository Link: https://gitlabbitbucket.comorg/empowerteams/empower-display.git

NPM Package: https://www.npmjs.com/package/empower-display

...