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 && (