diff --git a/packages/keychain/__image_snapshots__/components-funding-purchasecredits--default-chromium.png b/packages/keychain/__image_snapshots__/components-funding-purchasecredits--default-chromium.png index eb0d0aa31..3d04380bd 100644 Binary files a/packages/keychain/__image_snapshots__/components-funding-purchasecredits--default-chromium.png and b/packages/keychain/__image_snapshots__/components-funding-purchasecredits--default-chromium.png differ diff --git a/packages/keychain/src/components/funding/PurchaseCredits.tsx b/packages/keychain/src/components/funding/PurchaseCredits.tsx index d0a24df7f..d73e55c12 100644 --- a/packages/keychain/src/components/funding/PurchaseCredits.tsx +++ b/packages/keychain/src/components/funding/PurchaseCredits.tsx @@ -26,10 +26,11 @@ enum PurchaseState { } type PurchaseCreditsProps = { + isSlot?: boolean; onBack?: () => void; }; -export function PurchaseCredits({ onBack }: PurchaseCreditsProps) { +export function PurchaseCredits({ isSlot, onBack }: PurchaseCreditsProps) { const { controller, closeModal } = useConnection(); const [clientSecret, setClientSecret] = useState(""); @@ -120,7 +121,11 @@ export function PurchaseCredits({ onBack }: PurchaseCreditsProps) { diff --git a/packages/keychain/src/components/funding/index.tsx b/packages/keychain/src/components/funding/index.tsx index 137001ffe..b86551430 100644 --- a/packages/keychain/src/components/funding/index.tsx +++ b/packages/keychain/src/components/funding/index.tsx @@ -20,19 +20,17 @@ const enum FundingState { export type FundingProps = { title?: React.ReactElement | string; - creditsOnly?: boolean; + isSlot?: boolean; onComplete?: (deployHash?: string) => void; }; -export function Funding({ title, creditsOnly, onComplete }: FundingProps) { +export function Funding({ title, isSlot, onComplete }: FundingProps) { const { controller } = useConnection(); const [state, setState] = useState(FundingState.SHOW_OPTIONS); - const showBalances: BalanceType[] = creditsOnly - ? ["credits"] - : ["credits", "eth"]; + const showBalances: BalanceType[] = isSlot ? ["credits"] : ["credits", "eth"]; const showCredits = (typeof document !== "undefined" && document.cookie.includes("credits=")) || - creditsOnly; + isSlot; if (state === FundingState.FUND_ETH) { return ( @@ -45,7 +43,10 @@ export function Funding({ title, creditsOnly, onComplete }: FundingProps) { if (state === FundingState.FUND_CREDITS) { return ( - setState(FundingState.SHOW_OPTIONS)} /> + setState(FundingState.SHOW_OPTIONS)} + /> ); } @@ -65,7 +66,7 @@ export function Funding({ title, creditsOnly, onComplete }: FundingProps) { Purchase Credits )} - {!creditsOnly && ( + {!isSlot && (