1.0.11 • Published 4 years ago
edu-post-order v1.0.11
EDU-PO (Common Post Order)
This is react plugin for creating post order screen for Paytm.
Installation
Install the package with npm or yarn
npm
npm install edu-post-order --save
yarn
yarn add edu-post-order
⚠️ Required dependencies are:
- react
- react-dom
- lodash
- moment
- react-slick
- slick-carousel
- window-or-global
Usage
import { MyOrder } from 'edu-post-order';
export function MyOrderPage ({orderId}) {
return(
<MyOrder
onHeaderBackClick={this.handleBackClick}
orderId={orderId}
env={"production"} // Not required, Default value staging
/>
);
}
// For Post Order
import { PostOrder } from 'edu-post-order';
export function PostOrderPage ({orderId}) {
return(
<PostOrder
onHeaderBackClick={this.handleBackClick}
orderId={orderId}
viewDetailsHandler={() => {}}
env={"production"} // Not required, Default value staging
/>
);
}
Props
- MyOrder
- orderId: Integer -> (Order number for which screen is to be generated.)
- onHeaderBackClick: Function -> Handle function if user hits the back button on the header
- PostOrder
- orderId: Integer -> (Order number for which screen is to be generated.)
- onHeaderBackClick: Function -> Handle function if user hits the back button on the header
Exported Components
- MyOrder
- PostOrder
⚠️ Notch height is to be handled by the component importing these components
Zeplines followed
Below are the link of zepline which were reffered.
Name | Links |
---|---|
Fees | https://app.zeplin.io/project/5dc2a480235f06239175ce14/dashboard |
Post Order Zeplines | https://app.zeplin.io/project/5cb4a03658ed0fbf550be6f9/dashboard |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Steps to Contribute
git clone git@bitbucket.org:paytmteam/edu-po.git
cd edu-po
npm i
npm run prepublish
npm run dev
create a new branch with issue/feature/fix;
to test your changes run
npm run makechanges