diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx index 252881e8c9..30519717a9 100644 --- a/webview-ui/src/components/chat/ChatRow.tsx +++ b/webview-ui/src/components/chat/ChatRow.tsx @@ -956,6 +956,7 @@ export const ChatRowContent = memo( totalSpent={errorData.total_spent} totalPromotions={errorData.total_promotions} message={errorData.message} + buyCreditsUrl={errorData.buy_credits_url} /> ) } diff --git a/webview-ui/src/components/chat/CreditLimitError.tsx b/webview-ui/src/components/chat/CreditLimitError.tsx index 70fb446721..2b9cf9c287 100644 --- a/webview-ui/src/components/chat/CreditLimitError.tsx +++ b/webview-ui/src/components/chat/CreditLimitError.tsx @@ -9,6 +9,7 @@ interface CreditLimitErrorProps { totalSpent?: number totalPromotions?: number message: string + buyCreditsUrl?: string } const CreditLimitError: React.FC = ({ @@ -16,6 +17,7 @@ const CreditLimitError: React.FC = ({ totalSpent = 0, totalPromotions = 0, message = "You have run out of credit.", + buyCreditsUrl = "https://app.cline.bot/dashboard", }) => { // We have to divide because the balance is stored in microcredits return ( @@ -28,7 +30,7 @@ const CreditLimitError: React.FC = ({