astm-member-app-my-account-header

ASTM My Account Header Menu

The component is to show My Account Header Menu options when user logged in member app.

Installation

npm i astm-member-app-my-account-header --save

Setup Project

Create React Project and install all peerDependencies.

$ npx create-react-app project_name
$ cd project_name
$ npm i bootstrap react-bootstrap astm-ux-design-system --save

Integrate ASTM My Account Header Menu

Create React Project and install all peerDependencies.

$ npm i astm-member-app-my-account-header --save

Customize the style using this class .profileOptionMenu Load bootstrap and astm-ux-design-system css files and import astm-member-app-my-account-header.

import 'bootstrap/dist/css/bootstrap.min.css';
import 'astm-ux-design-system/dist/bundle.css';
import MyAccountHeader from 'astm-member-app-my-account-header';

Render the ASTM My Account Menu

<MyAccountHeader
    isMemberApp={false}
    userName={userName}
    globalLinksURL={{
        profile: "profile_url",
        membership: "membership_url",
        myCommitteeUsl: hasAccessToMyCommittee ? "mycommittees_url" : '',
        subscription: "subscription_url",
        orders: "orders_url",
        tracker: "tracker_url",
        elearning: "elearning_url",
        specbuilder: "specbuilder_url"
    }}
    signout={signout}
/>

Peer Dependencies

ASTM My Account Menu depends on following dependencies:

• react
• bootstrap
• react-bootstrap
• astm-ux-design-system
• react-router-dom

License

ASTM