diff options
| author | GitHub Action <[email protected]> | 2026-01-22 18:17:10 +0000 |
|---|---|---|
| committer | GitHub Action <[email protected]> | 2026-01-22 18:17:10 +0000 |
| commit | 5a4eec5b08be6c36561fa06f056a330d3b402b34 (patch) | |
| tree | aa1e158844fd361b81157a9444bc2f6b1a49924a /packages/console/app/src | |
| parent | e17b8756412f293b2383c29583339eb0a7d25ce3 (diff) | |
| download | opencode-5a4eec5b08be6c36561fa06f056a330d3b402b34.tar.gz opencode-5a4eec5b08be6c36561fa06f056a330d3b402b34.zip | |
chore: generate
Diffstat (limited to 'packages/console/app/src')
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/billing/black-section.tsx | 60 |
1 files changed, 30 insertions, 30 deletions
diff --git a/packages/console/app/src/routes/workspace/[id]/billing/black-section.tsx b/packages/console/app/src/routes/workspace/[id]/billing/black-section.tsx index 448dafadc..98d4debbb 100644 --- a/packages/console/app/src/routes/workspace/[id]/billing/black-section.tsx +++ b/packages/console/app/src/routes/workspace/[id]/billing/black-section.tsx @@ -97,41 +97,41 @@ export function BlackSection() { <Show when={subscription()}> {(sub) => ( <> - <div data-slot="section-title"> - <h2>Subscription</h2> - <div data-slot="title-row"> - <p>You are subscribed to OpenCode Black for ${sub().plan} per month.</p> - <button - data-color="primary" - disabled={sessionSubmission.pending || store.sessionRedirecting} - onClick={onClickSession} - > - {sessionSubmission.pending || store.sessionRedirecting ? "Loading..." : "Manage Subscription"} - </button> - </div> - </div> - <div data-slot="usage"> - <div data-slot="usage-item"> - <div data-slot="usage-header"> - <span data-slot="usage-label">5-hour Usage</span> - <span data-slot="usage-value">{sub().rollingUsage.usagePercent}%</span> + <div data-slot="section-title"> + <h2>Subscription</h2> + <div data-slot="title-row"> + <p>You are subscribed to OpenCode Black for ${sub().plan} per month.</p> + <button + data-color="primary" + disabled={sessionSubmission.pending || store.sessionRedirecting} + onClick={onClickSession} + > + {sessionSubmission.pending || store.sessionRedirecting ? "Loading..." : "Manage Subscription"} + </button> </div> - <div data-slot="progress"> - <div data-slot="progress-bar" style={{ width: `${sub().rollingUsage.usagePercent}%` }} /> - </div> - <span data-slot="reset-time">Resets in {formatResetTime(sub().rollingUsage.resetInSec)}</span> </div> - <div data-slot="usage-item"> - <div data-slot="usage-header"> - <span data-slot="usage-label">Weekly Usage</span> - <span data-slot="usage-value">{sub().weeklyUsage.usagePercent}%</span> + <div data-slot="usage"> + <div data-slot="usage-item"> + <div data-slot="usage-header"> + <span data-slot="usage-label">5-hour Usage</span> + <span data-slot="usage-value">{sub().rollingUsage.usagePercent}%</span> + </div> + <div data-slot="progress"> + <div data-slot="progress-bar" style={{ width: `${sub().rollingUsage.usagePercent}%` }} /> + </div> + <span data-slot="reset-time">Resets in {formatResetTime(sub().rollingUsage.resetInSec)}</span> </div> - <div data-slot="progress"> - <div data-slot="progress-bar" style={{ width: `${sub().weeklyUsage.usagePercent}%` }} /> + <div data-slot="usage-item"> + <div data-slot="usage-header"> + <span data-slot="usage-label">Weekly Usage</span> + <span data-slot="usage-value">{sub().weeklyUsage.usagePercent}%</span> + </div> + <div data-slot="progress"> + <div data-slot="progress-bar" style={{ width: `${sub().weeklyUsage.usagePercent}%` }} /> + </div> + <span data-slot="reset-time">Resets in {formatResetTime(sub().weeklyUsage.resetInSec)}</span> </div> - <span data-slot="reset-time">Resets in {formatResetTime(sub().weeklyUsage.resetInSec)}</span> </div> - </div> </> )} </Show> |