@huma-finance/widgets 0.0.36 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/.env.example +2 -2
  2. package/.eslintignore +2 -2
  3. package/.eslintrc.js +64 -64
  4. package/.prettierignore +4 -4
  5. package/.prettierrc.js +16 -16
  6. package/API.md +332 -332
  7. package/LICENSE +660 -660
  8. package/README.md +48 -48
  9. package/babel.config.js +15 -15
  10. package/config-overrides.js +9 -9
  11. package/cosmos.config.json +7 -7
  12. package/cypress/e2e/01-invoice-factoring-borrow.test.ts +62 -62
  13. package/cypress/support/e2e.ts +76 -76
  14. package/cypress/support/ethereum.ts +142 -142
  15. package/cypress/tsconfig.json +9 -9
  16. package/cypress/utils/index.ts +54 -54
  17. package/cypress.config.ts +20 -20
  18. package/dist/cjs/index.cjs +134 -134
  19. package/dist/cjs/index.cjs.map +1 -1
  20. package/dist/index.d.ts +223 -223
  21. package/dist/index.js +134 -134
  22. package/dist/index.js.map +1 -1
  23. package/jsdoc2md.json +20 -20
  24. package/package.json +4 -4
  25. package/public/index.html +40 -40
  26. package/public/manifest.json +25 -25
  27. package/public/robots.txt +3 -3
  28. package/rollup.config.js +81 -81
  29. package/src/components/Activity.tsx +128 -128
  30. package/src/components/ApolloWrapper.tsx +15 -15
  31. package/src/components/ApproveAllowanceModal.tsx +138 -138
  32. package/src/components/BottomButton.tsx +33 -33
  33. package/src/components/ChainNotSupportedModal.tsx +33 -33
  34. package/src/components/ChooseAmountModal.tsx +322 -322
  35. package/src/components/ConfirmTransferModal.tsx +153 -153
  36. package/src/components/CreditLine/approve/1-ApproveAllowance.tsx +34 -34
  37. package/src/components/CreditLine/approve/2-Success.tsx +43 -43
  38. package/src/components/CreditLine/approve/index.tsx +85 -85
  39. package/src/components/CreditLine/borrow/1-Evaluation.tsx +157 -157
  40. package/src/components/CreditLine/borrow/2-ChooseAmount.tsx +74 -74
  41. package/src/components/CreditLine/borrow/3-ApproveAllowance.tsx +29 -29
  42. package/src/components/CreditLine/borrow/4-Transfer.tsx +34 -34
  43. package/src/components/CreditLine/borrow/5-Success.tsx +38 -38
  44. package/src/components/CreditLine/borrow/6-Notifications.tsx +10 -10
  45. package/src/components/CreditLine/borrow/index.tsx +136 -136
  46. package/src/components/CreditLine/payment/1-ChooseAmount.tsx +67 -67
  47. package/src/components/CreditLine/payment/2-ApproveAllowance.tsx +23 -23
  48. package/src/components/CreditLine/payment/3-Transfer.tsx +34 -34
  49. package/src/components/CreditLine/payment/4-Success.tsx +39 -39
  50. package/src/components/CreditLine/payment/index.tsx +94 -94
  51. package/src/components/ErrorModal.tsx +136 -136
  52. package/src/components/Factoring/FactoredList.tsx +143 -143
  53. package/src/components/Factoring/UpcomingList.tsx +90 -90
  54. package/src/components/Factoring/index.ts +2 -2
  55. package/src/components/HumaLoading.tsx +68 -68
  56. package/src/components/HumaSnackBar.tsx +60 -60
  57. package/src/components/HumaTable.tsx +203 -203
  58. package/src/components/InvoiceFactoring/borrow/1-Evaluation.tsx +49 -49
  59. package/src/components/InvoiceFactoring/borrow/2-ChooseAmount.tsx +88 -88
  60. package/src/components/InvoiceFactoring/borrow/3-ConfirmTransfer.tsx +37 -37
  61. package/src/components/InvoiceFactoring/borrow/4-ApproveNFT.tsx +55 -55
  62. package/src/components/InvoiceFactoring/borrow/5-Transfer.tsx +34 -34
  63. package/src/components/InvoiceFactoring/borrow/6-Success.tsx +20 -20
  64. package/src/components/InvoiceFactoring/borrow/index.tsx +94 -94
  65. package/src/components/InvoiceFactoring/payment/1-ChooseAmount.tsx +67 -67
  66. package/src/components/InvoiceFactoring/payment/2-ApproveAllowance.tsx +23 -23
  67. package/src/components/InvoiceFactoring/payment/3-Transfer.tsx +34 -34
  68. package/src/components/InvoiceFactoring/payment/4-Success.tsx +23 -23
  69. package/src/components/InvoiceFactoring/payment/index.tsx +86 -86
  70. package/src/components/Lend/supply/1-Evaluation/EvaluationEA.tsx +90 -90
  71. package/src/components/Lend/supply/1-Evaluation/EvaluationKYC.tsx +319 -319
  72. package/src/components/Lend/supply/1-Evaluation/index.tsx +31 -31
  73. package/src/components/Lend/supply/2-ChooseAmount.tsx +69 -69
  74. package/src/components/Lend/supply/3-ApproveAllowance.tsx +25 -25
  75. package/src/components/Lend/supply/4-Transfer.tsx +32 -32
  76. package/src/components/Lend/supply/5-Success.tsx +60 -60
  77. package/src/components/Lend/supply/6-Notifications.tsx +10 -10
  78. package/src/components/Lend/supply/index.tsx +167 -167
  79. package/src/components/Lend/withdraw/1-CheckWithdrawble.tsx +73 -73
  80. package/src/components/Lend/withdraw/2-ChooseAmount.tsx +50 -50
  81. package/src/components/Lend/withdraw/3-Transfer.tsx +32 -32
  82. package/src/components/Lend/withdraw/4-Success.tsx +49 -49
  83. package/src/components/Lend/withdraw/index.tsx +101 -101
  84. package/src/components/LoadingModal.tsx +49 -49
  85. package/src/components/Notifi/NotifiSubscriptionModal.tsx +268 -268
  86. package/src/components/StreamFactoring/borrow/1-Evaluation.tsx +55 -55
  87. package/src/components/StreamFactoring/borrow/2-ChooseAmount.tsx +127 -127
  88. package/src/components/StreamFactoring/borrow/3-ConfirmTransfer.tsx +42 -42
  89. package/src/components/StreamFactoring/borrow/4-ApproveAllowance.tsx +33 -33
  90. package/src/components/StreamFactoring/borrow/5-Permit.tsx +144 -144
  91. package/src/components/StreamFactoring/borrow/6-Transfer.tsx +37 -37
  92. package/src/components/StreamFactoring/borrow/7-Success.tsx +20 -20
  93. package/src/components/StreamFactoring/borrow/index.tsx +94 -94
  94. package/src/components/StreamFactoring/payment/ChooseAmount.tsx +54 -54
  95. package/src/components/StreamFactoring/payment/Success.tsx +23 -23
  96. package/src/components/StreamFactoring/payment/Transfer.tsx +34 -34
  97. package/src/components/StreamFactoring/payment/index.tsx +66 -66
  98. package/src/components/SuperfluidFactoring/SuperfluidFactoredList.tsx +69 -69
  99. package/src/components/SuperfluidFactoring/SuperfluidUpcomingList.tsx +166 -166
  100. package/src/components/SuperfluidFactoring/index.tsx +85 -85
  101. package/src/components/TxDoneModal.tsx +85 -85
  102. package/src/components/TxSendModal.tsx +59 -59
  103. package/src/components/ViewOnExplorer.tsx +23 -23
  104. package/src/components/WidgetWrapper.tsx +74 -74
  105. package/src/components/WrapperModal.tsx +54 -54
  106. package/src/components/buttons/TableActionButton.tsx +36 -36
  107. package/src/components/buttons/index.ts +1 -1
  108. package/src/components/humaModal/HumaModal.tsx +68 -68
  109. package/src/components/humaModal/HumaModalHeader.tsx +70 -70
  110. package/src/components/humaModal/index.tsx +2 -2
  111. package/src/components/icons/approve-lender.svg +58 -58
  112. package/src/components/icons/auto-payback.svg +139 -139
  113. package/src/components/icons/check-circle.svg +3 -3
  114. package/src/components/icons/check-green.svg +3 -3
  115. package/src/components/icons/check.svg +10 -10
  116. package/src/components/icons/donut.svg +904 -904
  117. package/src/components/icons/ellipse.svg +3 -3
  118. package/src/components/icons/huma-full.svg +22 -22
  119. package/src/components/icons/huma.svg +15 -15
  120. package/src/components/icons/index.tsx +93 -93
  121. package/src/components/icons/loader.svg +229 -229
  122. package/src/components/icons/metamask.svg +31 -31
  123. package/src/components/icons/polygon.svg +16 -16
  124. package/src/components/icons/receipt.svg +3 -3
  125. package/src/components/icons/separator.svg +3 -3
  126. package/src/components/icons/sorry.svg +17 -17
  127. package/src/components/icons/usdc.svg +5 -5
  128. package/src/components/icons/wallet-connect.svg +11 -11
  129. package/src/components/images/index.ts +3 -3
  130. package/src/cosmos/CreditLineBorrow.fixture.tsx +86 -86
  131. package/src/cosmos/CreditLinePayment.fixture.tsx +50 -50
  132. package/src/cosmos/InvoiceFactoringBorrow.fixture.tsx +111 -111
  133. package/src/cosmos/InvoiceFactoringPayment.fixture.tsx +67 -67
  134. package/src/cosmos/LendSupply.fixture.tsx +75 -75
  135. package/src/cosmos/LendWithdraw.fixture.tsx +43 -43
  136. package/src/cosmos/SDKTesting.fixture.tsx +616 -616
  137. package/src/cosmos/SuperfluidFactoringBorrow.fixture.tsx +15 -15
  138. package/src/cosmos/WalletWrapper.tsx +52 -52
  139. package/src/cosmos/abis/InvoiceNFT.json +644 -644
  140. package/src/cosmos/abis/ReceivableFactoringPool.json +1529 -1529
  141. package/src/cosmos/utils/env.ts +6 -6
  142. package/src/cosmos/utils/index.ts +169 -169
  143. package/src/fonts/Recoleta/Recoleta-Black.otf +0 -0
  144. package/src/fonts/Recoleta/Recoleta-Bold.otf +0 -0
  145. package/src/fonts/Recoleta/Recoleta-Light.otf +0 -0
  146. package/src/fonts/Recoleta/Recoleta-Medium.otf +0 -0
  147. package/src/fonts/Recoleta/Recoleta-Regular.otf +0 -0
  148. package/src/fonts/Recoleta/Recoleta-RegularDEMO.otf +0 -0
  149. package/src/fonts/Recoleta/Recoleta-SemiBold.otf +0 -0
  150. package/src/fonts/Recoleta/Recoleta-Thin.otf +0 -0
  151. package/src/hooks/useEA.ts +53 -53
  152. package/src/hooks/useElementDimensions.ts +30 -30
  153. package/src/hooks/useNotifi.ts +71 -71
  154. package/src/hooks/useRedux.ts +6 -6
  155. package/src/index.css +61 -61
  156. package/src/index.tsx +283 -283
  157. package/src/react-app-env.d.ts +1 -1
  158. package/src/reportWebVitals.ts +15 -15
  159. package/src/setupTests.ts +6 -6
  160. package/src/store/index.ts +27 -27
  161. package/src/store/widgets.reducers.ts +120 -120
  162. package/src/store/widgets.selectors.ts +3 -3
  163. package/src/store/widgets.store.ts +55 -55
  164. package/src/theme/breakpoints.ts +10 -10
  165. package/src/theme/components.ts +70 -70
  166. package/src/theme/coreThemeConstants.ts +29 -29
  167. package/src/theme/cssMixins.ts +92 -92
  168. package/src/theme/hooks/useGetSizes.ts +31 -31
  169. package/src/theme/index.ts +24 -24
  170. package/src/theme/palette.ts +150 -150
  171. package/src/theme/shape.ts +7 -7
  172. package/src/theme/theme.types.ts +80 -80
  173. package/src/theme/typography.ts +117 -117
  174. package/src/utilTypes.d.ts +30 -30
  175. package/src/utils/env.ts +10 -10
  176. package/tsconfig.build.json +7 -7
  177. package/tsconfig.json +32 -32
  178. package/webpack.cosmos.js +54 -54
@@ -1,67 +1,67 @@
1
- /* eslint-disable react/jsx-boolean-value */
2
- /* eslint-disable @typescript-eslint/no-explicit-any */
3
- import { Box, Button } from '@mui/material'
4
- import { useState } from 'react'
5
- import { useAccount, useContractRead } from 'wagmi'
6
-
7
- import { InvoiceFactoringPaymentWidget } from '..'
8
- import RFPoolAbi from './abis/ReceivableFactoringPool.json'
9
- import { WalletWrapper } from './WalletWrapper'
10
-
11
- function Fixture() {
12
- const [showModal, setShowModal] = useState(false)
13
- const [isInDebt, setIsInDebt] = useState(false)
14
- const { address } = useAccount()
15
- const PoolAddress = '0x11672c0bBFF498c72BC2200f42461c0414855042'
16
-
17
- useContractRead({
18
- address: PoolAddress,
19
- abi: RFPoolAbi,
20
- functionName: 'creditRecordMapping',
21
- args: [address],
22
- onSuccess(creditRecord: any) {
23
- if (creditRecord.state > 2) {
24
- setIsInDebt(true)
25
- }
26
- },
27
- })
28
-
29
- const handleClose = () => {
30
- setShowModal(false)
31
- }
32
-
33
- if (!isInDebt) {
34
- return (
35
- <>
36
- <Box>Pool: {PoolAddress}</Box>
37
- <Box>Pool Name: RequestNetwork</Box>
38
- <Button variant='contained' disabled>
39
- Not in state to make payment
40
- </Button>
41
- </>
42
- )
43
- }
44
-
45
- return (
46
- <>
47
- <Box>Pool: {PoolAddress}</Box>
48
- <Box>Pool Name: RequestNetwork</Box>
49
- <Button variant='contained' onClick={() => setShowModal(true)}>
50
- Make Payment
51
- </Button>
52
- {showModal && (
53
- <InvoiceFactoringPaymentWidget
54
- poolName='RequestNetwork'
55
- poolType='Invoice'
56
- handleClose={handleClose}
57
- />
58
- )}
59
- </>
60
- )
61
- }
62
-
63
- export default (
64
- <WalletWrapper>
65
- <Fixture />
66
- </WalletWrapper>
67
- )
1
+ /* eslint-disable react/jsx-boolean-value */
2
+ /* eslint-disable @typescript-eslint/no-explicit-any */
3
+ import { Box, Button } from '@mui/material'
4
+ import { useState } from 'react'
5
+ import { useAccount, useContractRead } from 'wagmi'
6
+
7
+ import { InvoiceFactoringPaymentWidget } from '..'
8
+ import RFPoolAbi from './abis/ReceivableFactoringPool.json'
9
+ import { WalletWrapper } from './WalletWrapper'
10
+
11
+ function Fixture() {
12
+ const [showModal, setShowModal] = useState(false)
13
+ const [isInDebt, setIsInDebt] = useState(false)
14
+ const { address } = useAccount()
15
+ const PoolAddress = '0x11672c0bBFF498c72BC2200f42461c0414855042'
16
+
17
+ useContractRead({
18
+ address: PoolAddress,
19
+ abi: RFPoolAbi,
20
+ functionName: 'creditRecordMapping',
21
+ args: [address],
22
+ onSuccess(creditRecord: any) {
23
+ if (creditRecord.state > 2) {
24
+ setIsInDebt(true)
25
+ }
26
+ },
27
+ })
28
+
29
+ const handleClose = () => {
30
+ setShowModal(false)
31
+ }
32
+
33
+ if (!isInDebt) {
34
+ return (
35
+ <>
36
+ <Box>Pool: {PoolAddress}</Box>
37
+ <Box>Pool Name: RequestNetwork</Box>
38
+ <Button variant='contained' disabled>
39
+ Not in state to make payment
40
+ </Button>
41
+ </>
42
+ )
43
+ }
44
+
45
+ return (
46
+ <>
47
+ <Box>Pool: {PoolAddress}</Box>
48
+ <Box>Pool Name: RequestNetwork</Box>
49
+ <Button variant='contained' onClick={() => setShowModal(true)}>
50
+ Make Payment
51
+ </Button>
52
+ {showModal && (
53
+ <InvoiceFactoringPaymentWidget
54
+ poolName='RequestNetwork'
55
+ poolType='Invoice'
56
+ handleClose={handleClose}
57
+ />
58
+ )}
59
+ </>
60
+ )
61
+ }
62
+
63
+ export default (
64
+ <WalletWrapper>
65
+ <Fixture />
66
+ </WalletWrapper>
67
+ )
@@ -1,75 +1,75 @@
1
- /* eslint-disable react/jsx-boolean-value */
2
- /* eslint-disable @typescript-eslint/no-explicit-any */
3
- import { Box, Button } from '@mui/material'
4
- import { ethers } from 'ethers'
5
- import { useEffect, useState } from 'react'
6
-
7
- import { LendSupplyWidget } from '..'
8
- import { getInjectedMetamask } from './utils'
9
- import { WalletWrapper } from './WalletWrapper'
10
-
11
- function Fixture() {
12
- const [showModal, setShowModal] = useState(false)
13
- const [showModalRandom, setShowModalRandom] = useState(false)
14
- const [testPrivateKeyRandom, setTestPrivateKeyRandom] = useState<string>()
15
- const [testAccountRandom, setTestAccountRandom] = useState<string>()
16
- const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
17
-
18
- useEffect(() => {
19
- const wallet = ethers.Wallet.createRandom()
20
- setTestPrivateKeyRandom(wallet.privateKey)
21
- setTestAccountRandom(wallet.address)
22
- }, [])
23
-
24
- const handleSupply = () => {
25
- setShowModal(true)
26
- }
27
-
28
- const handleSupplyRandom = () => {
29
- // @ts-ignore
30
- window.ethereum = getInjectedMetamask(testPrivateKeyRandom)
31
- setShowModalRandom(true)
32
- }
33
-
34
- const handleClose = () => {
35
- setShowModal(false)
36
- setShowModalRandom(false)
37
- window.ethereum = undefined
38
- }
39
-
40
- return (
41
- <>
42
- <Box>Pool: {PoolAddress}</Box>
43
- <Box>Pool Name: HumaCreditLine</Box>
44
- <Button variant='contained' onClick={handleSupply}>
45
- Supply Without EA Check
46
- </Button>
47
- {showModal && (
48
- <LendSupplyWidget
49
- poolName='HumaCreditLine'
50
- poolType='CreditLine'
51
- handleClose={handleClose}
52
- />
53
- )}
54
- <Box marginTop={5}>Account: {testAccountRandom}</Box>
55
- <Box>Pool: {PoolAddress}</Box>
56
- <Box>Pool Name: HumaCreditLine</Box>
57
- <Button variant='contained' onClick={handleSupplyRandom}>
58
- Supply With EA Check
59
- </Button>
60
- {showModalRandom && (
61
- <LendSupplyWidget
62
- poolName='HumaCreditLine'
63
- poolType='CreditLine'
64
- handleClose={handleClose}
65
- />
66
- )}
67
- </>
68
- )
69
- }
70
-
71
- export default (
72
- <WalletWrapper>
73
- <Fixture />
74
- </WalletWrapper>
75
- )
1
+ /* eslint-disable react/jsx-boolean-value */
2
+ /* eslint-disable @typescript-eslint/no-explicit-any */
3
+ import { Box, Button } from '@mui/material'
4
+ import { ethers } from 'ethers'
5
+ import { useEffect, useState } from 'react'
6
+
7
+ import { LendSupplyWidget } from '..'
8
+ import { getInjectedMetamask } from './utils'
9
+ import { WalletWrapper } from './WalletWrapper'
10
+
11
+ function Fixture() {
12
+ const [showModal, setShowModal] = useState(false)
13
+ const [showModalRandom, setShowModalRandom] = useState(false)
14
+ const [testPrivateKeyRandom, setTestPrivateKeyRandom] = useState<string>()
15
+ const [testAccountRandom, setTestAccountRandom] = useState<string>()
16
+ const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
17
+
18
+ useEffect(() => {
19
+ const wallet = ethers.Wallet.createRandom()
20
+ setTestPrivateKeyRandom(wallet.privateKey)
21
+ setTestAccountRandom(wallet.address)
22
+ }, [])
23
+
24
+ const handleSupply = () => {
25
+ setShowModal(true)
26
+ }
27
+
28
+ const handleSupplyRandom = () => {
29
+ // @ts-ignore
30
+ window.ethereum = getInjectedMetamask(testPrivateKeyRandom)
31
+ setShowModalRandom(true)
32
+ }
33
+
34
+ const handleClose = () => {
35
+ setShowModal(false)
36
+ setShowModalRandom(false)
37
+ window.ethereum = undefined
38
+ }
39
+
40
+ return (
41
+ <>
42
+ <Box>Pool: {PoolAddress}</Box>
43
+ <Box>Pool Name: HumaCreditLine</Box>
44
+ <Button variant='contained' onClick={handleSupply}>
45
+ Supply Without EA Check
46
+ </Button>
47
+ {showModal && (
48
+ <LendSupplyWidget
49
+ poolName='HumaCreditLine'
50
+ poolType='CreditLine'
51
+ handleClose={handleClose}
52
+ />
53
+ )}
54
+ <Box marginTop={5}>Account: {testAccountRandom}</Box>
55
+ <Box>Pool: {PoolAddress}</Box>
56
+ <Box>Pool Name: HumaCreditLine</Box>
57
+ <Button variant='contained' onClick={handleSupplyRandom}>
58
+ Supply With EA Check
59
+ </Button>
60
+ {showModalRandom && (
61
+ <LendSupplyWidget
62
+ poolName='HumaCreditLine'
63
+ poolType='CreditLine'
64
+ handleClose={handleClose}
65
+ />
66
+ )}
67
+ </>
68
+ )
69
+ }
70
+
71
+ export default (
72
+ <WalletWrapper>
73
+ <Fixture />
74
+ </WalletWrapper>
75
+ )
@@ -1,43 +1,43 @@
1
- /* eslint-disable react/jsx-boolean-value */
2
- /* eslint-disable @typescript-eslint/no-explicit-any */
3
- import { Box, Button } from '@mui/material'
4
- import { useState } from 'react'
5
-
6
- import { LendWithdrawWidget } from '..'
7
- import { WalletWrapper } from './WalletWrapper'
8
-
9
- function Fixture() {
10
- const [showModal, setShowModal] = useState(false)
11
- const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
12
-
13
- const handleSupply = () => {
14
- setShowModal(true)
15
- }
16
-
17
- const handleClose = () => {
18
- setShowModal(false)
19
- }
20
-
21
- return (
22
- <>
23
- <Box>Pool: {PoolAddress}</Box>
24
- <Box>Pool Name: HumaCreditLine</Box>
25
- <Button variant='contained' onClick={handleSupply}>
26
- Withdraw
27
- </Button>
28
- {showModal && (
29
- <LendWithdrawWidget
30
- poolName='HumaCreditLine'
31
- poolType='CreditLine'
32
- handleClose={handleClose}
33
- />
34
- )}
35
- </>
36
- )
37
- }
38
-
39
- export default (
40
- <WalletWrapper>
41
- <Fixture />
42
- </WalletWrapper>
43
- )
1
+ /* eslint-disable react/jsx-boolean-value */
2
+ /* eslint-disable @typescript-eslint/no-explicit-any */
3
+ import { Box, Button } from '@mui/material'
4
+ import { useState } from 'react'
5
+
6
+ import { LendWithdrawWidget } from '..'
7
+ import { WalletWrapper } from './WalletWrapper'
8
+
9
+ function Fixture() {
10
+ const [showModal, setShowModal] = useState(false)
11
+ const PoolAddress = '0xA22D20FB0c9980fb96A9B0B5679C061aeAf5dDE4'
12
+
13
+ const handleSupply = () => {
14
+ setShowModal(true)
15
+ }
16
+
17
+ const handleClose = () => {
18
+ setShowModal(false)
19
+ }
20
+
21
+ return (
22
+ <>
23
+ <Box>Pool: {PoolAddress}</Box>
24
+ <Box>Pool Name: HumaCreditLine</Box>
25
+ <Button variant='contained' onClick={handleSupply}>
26
+ Withdraw
27
+ </Button>
28
+ {showModal && (
29
+ <LendWithdrawWidget
30
+ poolName='HumaCreditLine'
31
+ poolType='CreditLine'
32
+ handleClose={handleClose}
33
+ />
34
+ )}
35
+ </>
36
+ )
37
+ }
38
+
39
+ export default (
40
+ <WalletWrapper>
41
+ <Fixture />
42
+ </WalletWrapper>
43
+ )