# oddz-comp

> Oddz component modal , enables user to hedge crypto transactions

Latest version **0.0.1-a** (published 2022-01-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install oddz-comp
pnpm add oddz-comp
yarn add oddz-comp
bun add oddz-comp
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1-a |
| Published | 2022-01-10 |
| First published | 2022-01-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 13 |
| Unpacked size | 9.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Oddz |
| Maintainers | harishkumargunjalli |

## Links

- npm: https://www.npmjs.com/package/oddz-comp
- Repository: https://github.com/oddz-finance/oddz-component-library
- Homepage: https://github.com/oddz-finance/oddz-component-library#readme
- Issues: https://github.com/oddz-finance/oddz-component-library/issues
- npm.io page: https://npm.io/package/oddz-comp

## Dependencies (13)

- [web3](https://npm.io/package/web3.md) ^1.6.1
- [hex2dec](https://npm.io/package/hex2dec.md) ^1.1.2
- [bizcharts](https://npm.io/package/bizcharts.md) ^4.1.14
- [@mui/material](https://npm.io/package/@mui/material.md) ^5.1.0
- [graphql-hooks](https://npm.io/package/graphql-hooks.md) ^5.5.0
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.6.0
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.6.0
- [@web3-react/core](https://npm.io/package/@web3-react/core.md) ^6.1.9
- [@material-ui/core](https://npm.io/package/@material-ui/core.md) ^4.12.3
- [react-device-detect](https://npm.io/package/react-device-detect.md) ^2.1.2
- [@ethersproject/units](https://npm.io/package/@ethersproject/units.md) ^5.5.0
- [@ethersproject/providers](https://npm.io/package/@ethersproject/providers.md) ^5.5.0
- [@web3-react/injected-connector](https://npm.io/package/@web3-react/injected-connector.md) ^6.0.7

## Recent versions

- 0.0.1-a (latest) — 2022-01-10
- 0.0.1 — 2022-01-07

## README

# oddz-component-library

> Oddz dex integration
> sample usage code is described below,

## Props

| Prop           | Type     | optional | description                                                                                                                       |
| -------------- | -------- | -------- | --------------------------------------------------------------------------------------------------------------------------------- |
| dexInputValues | Object   | required | set of input values that needs to passed from the dex while integratign , example: assetName: 'ETH',assetPrice: 3210,quantity: 1,provider: "ACCOUNT_ADDRESS"} |
| onCloseModal   | callBack | required | returns when the user hits 'X' on the modal                                                                                       |
| onSuccess      | callBack | required | returns to the DexUI after user completes flow                                                                                    |
| theme          | Object   | optional | TDB: can provide a custom theme while integrating , defaulted to UI theme                                                         |

## Install

```bash
npm install --save oddz-component-library
or
yarn add oddz-component-library
```

## Usage

```tsx
import React, { Component } from 'react'

import { ODDZModal } from 'oddz-component-library'
import 'oddz-component-library/dist/index.css'

class Example extends Component {
  render() {
    return (
      <ODDZModal
        theme={theme}
        dexInputValues={dexInputValues}
        onCloseModal={() => console.log('onClose')}
        onSuccess={() => console.log('onSuccess')}
      />
    )
  }
}
```

## License

MIT ©[https://github.com/oddz-finance/oddz-frontend]

---
_Source: https://npm.io/package/oddz-comp · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._