# 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.

```sh
$ 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.
```sh
$ 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