diff options
| author | Aaron Iker <[email protected]> | 2026-01-15 22:21:35 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-15 22:21:35 +0100 |
| commit | ea643f1e3f6c1a7459d184cb99a5b24adceb8a6e (patch) | |
| tree | 0b36282d2aa2a4c856dfe3e448cc969efb04d9c2 /packages/console/app/src/routes/black | |
| parent | f5fd54598f0028b1e919161e02c14dbd7e5ff04a (diff) | |
| download | opencode-ea643f1e3f6c1a7459d184cb99a5b24adceb8a6e.tar.gz opencode-ea643f1e3f6c1a7459d184cb99a5b24adceb8a6e.zip | |
feat(console): Style improvements for /black, View Transition fixes (#8739)
Co-authored-by: Github Action <[email protected]>
Diffstat (limited to 'packages/console/app/src/routes/black')
| -rw-r--r-- | packages/console/app/src/routes/black/index.tsx | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/packages/console/app/src/routes/black/index.tsx b/packages/console/app/src/routes/black/index.tsx index 8f7ee95f3..af533f879 100644 --- a/packages/console/app/src/routes/black/index.tsx +++ b/packages/console/app/src/routes/black/index.tsx @@ -98,76 +98,6 @@ export default function Black() { </div> )} </Match> - <Match when={selectedPlan()}> - {(plan) => ( - <div data-slot="selected-plan"> - <div data-slot="selected-card"> - <div data-slot="icon" style={{ "view-transition-name": `icon-${plan().id}` }}> - <PlanIcon plan={plan().id} /> - </div> - <p data-slot="price" style={{ "view-transition-name": `price-${plan().id}` }}> - <span data-slot="amount">${plan().id}</span>{" "} - <span data-slot="period">per person billed monthly</span> - <Show when={plan().multiplier}> - <span data-slot="multiplier">{plan().multiplier}</span> - </Show> - </p> - <ul data-slot="terms" style={{ "view-transition-name": `terms-${plan().id}` }}> - <li>Your subscription will not start immediately</li> - <li>You will be added to the waitlist and activated soon</li> - <li>Your card will be only charged when your subscription is activated</li> - <li>Usage limits apply, heavily automated use may reach limits sooner</li> - <li>Subscriptions for individuals, contact Enterprise for teams</li> - <li>Limits may be adjusted and plans may be discontinued in the future</li> - <li>Cancel your subscription at anytime</li> - </ul> - <div data-slot="actions" style={{ "view-transition-name": `actions-${plan().id}` }}> - <button type="button" onClick={() => cancel()} data-slot="cancel"> - Cancel - </button> - <a href={`/black/subscribe/${plan().id}`} data-slot="continue"> - Continue - </a> - </div> - </div> - </div> - )} - </Match> - <Match when={selectedPlan()}> - {(plan) => ( - <div data-slot="selected-plan" style={{ "view-transition-name": "selected-plan" }}> - <div data-slot="selected-card"> - <div data-slot="icon"> - <PlanIcon plan={plan().id} /> - </div> - <p data-slot="price"> - <span data-slot="amount">${plan().id}</span>{" "} - <span data-slot="period">per person billed monthly</span> - <Show when={plan().multiplier}> - <span data-slot="multiplier">{plan().multiplier}</span> - </Show> - </p> - <ul data-slot="terms" style={{ "view-transition-name": `terms-${plan().id}` }}> - <li>Your subscription will not start immediately</li> - <li>You will be added to the waitlist and activated soon</li> - <li>Your card will be only charged when your subscription is activated</li> - <li>Usage limits apply, heavily automated use may reach limits sooner</li> - <li>Subscriptions for individuals, contact Enterprise for teams</li> - <li>Limits may be adjusted and plans may be discontinued in the future</li> - <li>Cancel your subscription at anytime</li> - </ul> - <div data-slot="actions" style={{ "view-transition-name": `actions-${plan().id}` }}> - <button type="button" onClick={() => cancel()} data-slot="cancel"> - Cancel - </button> - <a href={`/black/subscribe/${plan().id}`} data-slot="continue"> - Continue - </a> - </div> - </div> - </div> - )} - </Match> </Switch> <p data-slot="fine-print" style={{ "view-transition-name": "fine-print" }}> Prices shown don't include applicable tax ยท <A href="/legal/terms-of-service">Terms of Service</A> |