@ape.swap/bonds-sdk 1.0.324 → 1.0.326

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 (3) hide show
  1. package/dist/components/YourBondsModal/YourBondsModal.js +1 -1
  2. package/dist/scss/YourBondsModal.scss +12 -35
  3. package/package.json +1 -1
package/dist/components/YourBondsModal/YourBondsModal.js CHANGED
@@ -236,7 +236,7 @@ var YourBondsModal = function (_a) {
236
236
  var userBill = data.userOwnedBills.find(function (bill) { return bill.bond.billAddress.toLowerCase() === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase()); });
237
237
  console.log("USER BILL LOG");
238
238
  console.log(userBill);
239
- return userBill ? (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsx(Flex, __assign({ className: "modal modal-header" }, { children: _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) })) })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsx(Flex, __assign({ className: "modal-container bondimage" }, { children: "IMAGE" })), _jsxs(Flex, __assign({ className: "modal-container bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bondicon" }, { children: _jsx(TokenImage, { symbol: (_a = userBill.bond.showcaseTokenName) !== null && _a !== void 0 ? _a : userBill.bond.payoutTokenName, size: 50 }) })), _jsx(Flex, __assign({ className: "title-container bondname" }, { children: (_b = userBill.bond) === null || _b === void 0 ? void 0 : _b.showcaseTokenName })), _jsx(Flex, __assign({ className: "title-container tokentags" }, { children: _jsx(ListTag, { text: (_d = (_c = userBill.bond) === null || _c === void 0 ? void 0 : _c.tags) === null || _d === void 0 ? void 0 : _d[0], variant: ((_f = (_e = userBill.bond) === null || _e === void 0 ? void 0 : _e.tags) === null || _f === void 0 ? void 0 : _f[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) }))] })), _jsx(Flex, { className: "modal-container description-container" }), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsx(Flex, __assign({ className: "modal-block column-discount" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "Discount" })) })), _jsx(Flex, __assign({ className: "modal-block column-arr" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "ARR" })) })), _jsx(Flex, __assign({ className: "modal-block column-term" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "Terms" })) })), _jsx(Flex, __assign({ className: "modal-block column-maxbuy" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "Max Buy" })) }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsx(Button, { children: "CLAIM" }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: _jsx(Button, { children: "TRANSFER" }) }))] }))] }))] }))] })) })) }, userBill.bond.billAddress)) : null;
239
+ return userBill ? (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsx(Flex, __assign({ className: "modal modal-header" }, { children: _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) })) })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsx(Flex, __assign({ className: "modal-container bondimage" }, { children: "IMAGE" })), _jsxs(Flex, __assign({ className: "modal-container bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bondicon" }, { children: _jsx(TokenImage, { symbol: (_a = userBill.bond.showcaseTokenName) !== null && _a !== void 0 ? _a : userBill.bond.payoutTokenName, size: 50 }) })), _jsx(Flex, __assign({ className: "title-container bondname" }, { children: (_b = userBill.bond) === null || _b === void 0 ? void 0 : _b.showcaseTokenName })), _jsx(Flex, __assign({ className: "title-container tokentags" }, { children: _jsx(ListTag, { text: (_d = (_c = userBill.bond) === null || _c === void 0 ? void 0 : _c.tags) === null || _d === void 0 ? void 0 : _d[0], variant: ((_f = (_e = userBill.bond) === null || _e === void 0 ? void 0 : _e.tags) === null || _f === void 0 ? void 0 : _f[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) }))] })), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsx(Flex, __assign({ className: "modal-block column-discount" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "Traits" })) })), _jsx(Flex, __assign({ className: "modal-block column-arr" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "Fully Vested" })) })), _jsx(Flex, __assign({ className: "modal-block column-term" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "Pending" })) })), _jsx(Flex, __assign({ className: "modal-block column-maxbuy" }, { children: _jsx(Flex, __assign({ className: "block-header header" }, { children: "Claimable" })) }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsx(Button, { children: "CLAIM" }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: _jsx(Button, { children: "TRANSFER" }) }))] }))] }))] }))] })) })) }, userBill.bond.billAddress)) : null;
240
240
  }) })));
241
241
  };
242
242
  export default YourBondsModal;
package/dist/scss/YourBondsModal.scss CHANGED
@@ -48,7 +48,7 @@
48
48
  }
49
49
 
50
50
  .modal-container.bondimage {
51
- width: 100%;
51
+ width: 60%;
52
52
  height: 100%;
53
53
  display: flex;
54
54
  flex-direction: column;
@@ -58,7 +58,7 @@
58
58
  }
59
59
 
60
60
  .modal-container.bondinfo {
61
- width: 100%;
61
+ width: 40%;
62
62
  height: 100%;
63
63
  display: flex;
64
64
  flex-direction: column;
@@ -90,42 +90,18 @@
90
90
  padding-left: 20px;
91
91
  }
92
92
 
93
- .title-container.price-container {
94
- display: flex;
95
- flex-direction: column;
96
- padding-left: 10px;
97
- }
98
-
99
-
100
- .price-container.price {
101
- font-size: 14px;
102
- color: var(--theme-ui-colors-gray);
103
- text-decoration: line-through;
104
- }
105
-
106
- .price-container.discounted {
107
- display: flex;
108
- }
109
-
110
93
  .title-container.tokentags {
111
94
  display: flex;
112
95
  align-items: center;
113
96
  padding-left: 10px;
114
97
  }
115
98
 
116
- .modal-container.description-container {
117
- display: flex;
118
- align-items: start;
119
- padding-top: 10px;
120
- padding-bottom: 10px;
121
- font-weight: normal;
122
- }
123
-
124
99
  .modal-container.blocks-container {
125
100
  display: flex;
126
- flex-direction: row;
101
+ flex-direction: column;
127
102
  align-items: center;
128
103
  width: 100%;
104
+ height: 100%;
129
105
  justify-content: space-around;
130
106
  margin-bottom: 10px;
131
107
  margin-top: 5px;
@@ -159,22 +135,23 @@
159
135
  }
160
136
 
161
137
  .modal-block.column-discount {
162
- margin: 0px 10px 0px 0px;
163
- width: 350px;
138
+ width: 100%;
139
+ flex-direction: column;
164
140
  }
165
141
 
166
142
  .modal-block.column-arr {
167
- margin: 0px 10px 0px 0px;
168
- width: 350px;
143
+ width: 100%;
144
+ flex-direction: column;
169
145
  }
170
146
 
171
147
  .modal-block.column-term {
172
- margin: 0px 10px 0px 0px;
173
- width: 350px;
148
+ width: 100%;
149
+ flex-direction: column;
174
150
  }
175
151
 
176
152
  .modal-block.column-maxbuy {
177
- width: 350px;
153
+ width: 100%;
154
+ flex-direction: column;
178
155
  }
179
156
 
180
157
  .modal-container.button-container {
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Ape Bond SDK",
4
4
  "author": "Ape Bond",
5
5
  "license": "MIT",
6
- "version": "1.0.324",
6
+ "version": "1.0.326",
7
7
  "main": "dist/index.js",
8
8
  "module": "dist/index.es.js",
9
9
  "types": "dist/index.d.ts",