|
1 | 1 | import "./[id].css" |
2 | 2 | import { Billing } from "@opencode/cloud-core/billing.js" |
3 | 3 | import { Key } from "@opencode/cloud-core/key.js" |
4 | | -import { |
5 | | - json, |
6 | | - query, |
7 | | - action, |
8 | | - useParams, |
9 | | - useAction, |
10 | | - createAsync, |
11 | | - useSubmission, |
12 | | -} from "@solidjs/router" |
| 4 | +import { json, query, action, useParams, useAction, createAsync, useSubmission } from "@solidjs/router" |
13 | 5 | import { createMemo, createSignal, For, Show } from "solid-js" |
14 | 6 | import { withActor } from "~/context/auth.withActor" |
15 | 7 | import { IconCopy, IconCheck } from "~/component/icon" |
@@ -432,50 +424,57 @@ function PaymentsSection() { |
432 | 424 | const payments = createAsync(() => getPaymentsInfo(params.id)) |
433 | 425 | // const payments = () => dummyPayments |
434 | 426 |
|
435 | | - return payments() && payments()!.length > 0 && ( |
436 | | - <section data-component="payments-section"> |
437 | | - <div data-slot="section-title"> |
438 | | - <h2>Payments History</h2> |
439 | | - <p>Recent payment transactions.</p> |
440 | | - </div> |
441 | | - <div data-slot="payments-table"> |
442 | | - <table data-slot="payments-table-element"> |
443 | | - <thead> |
444 | | - <tr> |
445 | | - <th>Date</th> |
446 | | - <th>Payment ID</th> |
447 | | - <th>Amount</th> |
448 | | - </tr> |
449 | | - </thead> |
450 | | - <tbody> |
451 | | - <For each={payments()!}> |
452 | | - {(payment) => { |
453 | | - const date = new Date(payment.timeCreated) |
454 | | - return ( |
455 | | - <tr> |
456 | | - <td data-slot="payment-date" title={formatDateUTC(date)}> |
457 | | - {formatDateForTable(date)} |
458 | | - </td> |
459 | | - <td data-slot="payment-id">{payment.id}</td> |
460 | | - <td data-slot="payment-amount">${((payment.amount ?? 0) / 100000000).toFixed(2)}</td> |
461 | | - </tr> |
462 | | - ) |
463 | | - }} |
464 | | - </For> |
465 | | - </tbody> |
466 | | - </table> |
467 | | - </div> |
468 | | - </section> |
| 427 | + return ( |
| 428 | + payments() && |
| 429 | + payments()!.length > 0 && ( |
| 430 | + <section data-component="payments-section"> |
| 431 | + <div data-slot="section-title"> |
| 432 | + <h2>Payments History</h2> |
| 433 | + <p>Recent payment transactions.</p> |
| 434 | + </div> |
| 435 | + <div data-slot="payments-table"> |
| 436 | + <table data-slot="payments-table-element"> |
| 437 | + <thead> |
| 438 | + <tr> |
| 439 | + <th>Date</th> |
| 440 | + <th>Payment ID</th> |
| 441 | + <th>Amount</th> |
| 442 | + </tr> |
| 443 | + </thead> |
| 444 | + <tbody> |
| 445 | + <For each={payments()!}> |
| 446 | + {(payment) => { |
| 447 | + const date = new Date(payment.timeCreated) |
| 448 | + return ( |
| 449 | + <tr> |
| 450 | + <td data-slot="payment-date" title={formatDateUTC(date)}> |
| 451 | + {formatDateForTable(date)} |
| 452 | + </td> |
| 453 | + <td data-slot="payment-id">{payment.id}</td> |
| 454 | + <td data-slot="payment-amount">${((payment.amount ?? 0) / 100000000).toFixed(2)}</td> |
| 455 | + </tr> |
| 456 | + ) |
| 457 | + }} |
| 458 | + </For> |
| 459 | + </tbody> |
| 460 | + </table> |
| 461 | + </div> |
| 462 | + </section> |
| 463 | + ) |
469 | 464 | ) |
470 | 465 | } |
471 | 466 |
|
472 | | -export default function() { |
| 467 | +export default function () { |
473 | 468 | return ( |
474 | 469 | <div data-page="workspace-[id]"> |
475 | 470 | <section data-component="title-section"> |
476 | 471 | <h1>Zen</h1> |
477 | 472 | <p> |
478 | | - Curated list of models provided by opencode. <a target="_blank" href="/docs/zen">Learn more</a>. |
| 473 | + Curated list of models provided by opencode.{" "} |
| 474 | + <a target="_blank" href="/docs/zen"> |
| 475 | + Learn more |
| 476 | + </a> |
| 477 | + . |
479 | 478 | </p> |
480 | 479 | </section> |
481 | 480 |
|
|
0 commit comments