zen: fix fee instruction
This commit is contained in:
parent
a7c4f83ca2
commit
840fe030ab
1 changed files with 9 additions and 3 deletions
|
|
@ -1,5 +1,5 @@
|
||||||
import { json, action, useParams, createAsync, useSubmission } from "@solidjs/router"
|
import { json, action, useParams, createAsync, useSubmission } from "@solidjs/router"
|
||||||
import { createEffect, Show } from "solid-js"
|
import { createEffect, Show, createMemo } from "solid-js"
|
||||||
import { createStore } from "solid-js/store"
|
import { createStore } from "solid-js/store"
|
||||||
import { withActor } from "~/context/auth.withActor"
|
import { withActor } from "~/context/auth.withActor"
|
||||||
import { Billing } from "@opencode-ai/console-core/billing.js"
|
import { Billing } from "@opencode-ai/console-core/billing.js"
|
||||||
|
|
@ -68,6 +68,12 @@ export function ReloadSection() {
|
||||||
reloadTrigger: "",
|
reloadTrigger: "",
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const processingFee = createMemo(() => {
|
||||||
|
const reloadAmount = billingInfo()?.reloadAmount
|
||||||
|
if (!reloadAmount) return "0.00"
|
||||||
|
return (((reloadAmount + 0.3) / 0.956) * 0.044 + 0.3).toFixed(2)
|
||||||
|
})
|
||||||
|
|
||||||
createEffect(() => {
|
createEffect(() => {
|
||||||
if (!setReloadSubmission.pending && setReloadSubmission.result && !(setReloadSubmission.result as any).error) {
|
if (!setReloadSubmission.pending && setReloadSubmission.result && !(setReloadSubmission.result as any).error) {
|
||||||
setStore("show", false)
|
setStore("show", false)
|
||||||
|
|
@ -104,8 +110,8 @@ export function ReloadSection() {
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<p>
|
<p>
|
||||||
Auto reload is <b>enabled</b>. We'll reload <b>${billingInfo()?.reloadAmount}</b> (+$1.23 processing fee)
|
Auto reload is <b>enabled</b>. We'll reload <b>${billingInfo()?.reloadAmount}</b> (+${processingFee()}{" "}
|
||||||
when balance reaches <b>${billingInfo()?.reloadTrigger}</b>.
|
processing fee) when balance reaches <b>${billingInfo()?.reloadTrigger}</b>.
|
||||||
</p>
|
</p>
|
||||||
</Show>
|
</Show>
|
||||||
<button data-color="primary" type="button" onClick={() => show()}>
|
<button data-color="primary" type="button" onClick={() => show()}>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue