|
35 | 35 | <div v-if="formData.permit2Type === 'single'">
|
36 | 36 | <v-divider class="my-4" />
|
37 | 37 | <h3 class="subtitle-1 mb-2">Single Trade Witness Permit2</h3>
|
38 |
| - |
| 38 | + |
39 | 39 | <v-text-field
|
40 | 40 | v-model="formData.single.permitted.token"
|
41 | 41 | :rules="[required]"
|
|
87 | 87 | <div v-if="formData.permit2Type === 'batch'">
|
88 | 88 | <v-divider class="my-4" />
|
89 | 89 | <h3 class="subtitle-1 mb-2">Batch Trade Witness Permit2</h3>
|
90 |
| - |
| 90 | + |
91 | 91 | <!-- Permitted Tokens Section -->
|
92 | 92 | <div class="mb-4">
|
93 | 93 | <div class="d-flex justify-space-between align-center mb-2">
|
|
101 | 101 | Add Token
|
102 | 102 | </v-btn>
|
103 | 103 | </div>
|
104 |
| - |
| 104 | + |
105 | 105 | <div
|
106 | 106 | v-for="(token, index) in formData.batch.permittedTokens"
|
107 | 107 | :key="index"
|
|
118 | 118 | @click="removePermittedToken(index)"
|
119 | 119 | />
|
120 | 120 | </div>
|
121 |
| - |
| 121 | + |
122 | 122 | <v-text-field
|
123 | 123 | v-model="token.token"
|
124 | 124 | :rules="[required]"
|
125 | 125 | label="Token Address"
|
126 | 126 | placeholder="0x1c7d4b196cb0c7b01d743fbc6116a902379c7238"
|
127 | 127 | class="mb-2"
|
128 | 128 | />
|
129 |
| - |
| 129 | + |
130 | 130 | <v-text-field
|
131 | 131 | v-model.number="token.amount"
|
132 | 132 | :rules="[required, numberRule]"
|
|
200 | 200 | </template>
|
201 | 201 |
|
202 | 202 | <script setup lang="ts">
|
203 |
| -import type { CpsFundPayload, SingleTradeWitnessPermit2, BatchTradeWitnessPermit2 } from '~/lib/cpsTradesApi' |
| 203 | +import type { |
| 204 | + CpsFundPayload, |
| 205 | + SingleTradeWitnessPermit2, |
| 206 | + BatchTradeWitnessPermit2, |
| 207 | +} from '~/lib/cpsTradesApi' |
204 | 208 |
|
205 | 209 | const store = useMainStore()
|
206 | 210 | const { $cpsTradesApi } = useNuxtApp()
|
@@ -261,7 +265,8 @@ const response = computed(() => store.getRequestResponse)
|
261 | 265 | const requestUrl = computed(() => store.getRequestUrl)
|
262 | 266 |
|
263 | 267 | const required = (v: string | number) => !!v || 'Field is required'
|
264 |
| -const numberRule = (v: number) => !isNaN(v) && v > 0 || 'Must be a positive number' |
| 268 | +const numberRule = (v: number) => |
| 269 | + (!isNaN(v) && v > 0) || 'Must be a positive number' |
265 | 270 |
|
266 | 271 | const validateNetMode = (v: string) => {
|
267 | 272 | if (v === 'net' && formData.type !== 'maker') {
|
@@ -309,11 +314,11 @@ const makeApiCall = async () => {
|
309 | 314 | }
|
310 | 315 | } else {
|
311 | 316 | // Use the permitted tokens array directly
|
312 |
| - const permittedTokens = formData.batch.permittedTokens.map(token => ({ |
| 317 | + const permittedTokens = formData.batch.permittedTokens.map((token) => ({ |
313 | 318 | token: token.token,
|
314 | 319 | amount: token.amount,
|
315 | 320 | }))
|
316 |
| - |
| 321 | +
|
317 | 322 | // Parse witness IDs
|
318 | 323 | const witnessIds = formData.batch.witnessIds
|
319 | 324 | .split(',')
|
|
0 commit comments