pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-20 04:11:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Show Kodu error message if API request fails

Browse Source
This commit is contained in:
Saoud Rizwan
2024-08-25 03:16:56 -04:00
parent 288cc49dbc
commit cfb3c20afa
2 changed files with 41 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
webview-ui/src/components/ChatRow.tsx
View File

@@ -7,6 +7,7 @@ import { COMMAND_OUTPUT_STRING } from "../../../src/shared/combineCommandSequenc
import { SyntaxHighlighterStyle } from "../utils/getSyntaxHighlighterStyleFromTheme" import { SyntaxHighlighterStyle } from "../utils/getSyntaxHighlighterStyleFromTheme"
import CodeBlock from "./CodeBlock/CodeBlock" import CodeBlock from "./CodeBlock/CodeBlock"
import Thumbnails from "./Thumbnails" import Thumbnails from "./Thumbnails"
import { ApiProvider } from "../../../src/shared/api"
interface ChatRowProps { interface ChatRowProps {
message: ClaudeMessage message: ClaudeMessage
@@ -15,6 +16,7 @@ interface ChatRowProps {
onToggleExpand: () => void onToggleExpand: () => void
lastModifiedMessage?: ClaudeMessage lastModifiedMessage?: ClaudeMessage
isLast: boolean isLast: boolean
apiProvider?: ApiProvider
} }
const ChatRow: React.FC<ChatRowProps> = ({ const ChatRow: React.FC<ChatRowProps> = ({
@@ -24,6 +26,7 @@ const ChatRow: React.FC<ChatRowProps> = ({
onToggleExpand, onToggleExpand,
lastModifiedMessage, lastModifiedMessage,
isLast, isLast,
apiProvider,
}) => { }) => {
const cost = message.text != null && message.say === "api_req_started" ? JSON.parse(message.text).cost : undefined const cost = message.text != null && message.say === "api_req_started" ? JSON.parse(message.text).cost : undefined
const apiRequestFailedMessage = const apiRequestFailedMessage =
@@ -274,9 +277,43 @@ const ChatRow: React.FC<ChatRowProps> = ({
</VSCodeButton> </VSCodeButton>
</div> </div>
{cost == null && apiRequestFailedMessage && ( {cost == null && apiRequestFailedMessage && (
<p style={{ ...pStyle, color: "var(--vscode-errorForeground)" }}> <>
{apiRequestFailedMessage} <p style={{ ...pStyle, color: "var(--vscode-errorForeground)" }}>
</p> {apiRequestFailedMessage}
</p>
{apiProvider === "kodu" && (
<div
style={{
display: "flex",
alignItems: "center",
backgroundColor:
"color-mix(in srgb, var(--vscode-errorForeground) 20%, transparent)",
color: "var(--vscode-editor-foreground)",
padding: "6px 8px",
borderRadius: "3px",
margin: "10px 0 0 0",
fontSize: "12px",
}}>
<i
className="codicon codicon-warning"
style={{
marginRight: 6,
fontSize: 16,
color: "var(--vscode-errorForeground)",
}}></i>
<span>
Uh-oh, this could be a problem on Kodu's end. We've been alerted and
will resolve this ASAP. You can also{" "}
<a
href="https://discord.gg/claudedev"
style={{ color: "inherit", textDecoration: "underline" }}>
contact us on discord
</a>
.
</span>
</div>
)}
</>
)} )}
</> </>
) )

1
webview-ui/src/components/ChatView.tsx
View File

@@ -538,6 +538,7 @@ const ChatView = ({
onToggleExpand={() => toggleRowExpansion(message.ts)} onToggleExpand={() => toggleRowExpansion(message.ts)}
lastModifiedMessage={modifiedMessages.at(-1)} lastModifiedMessage={modifiedMessages.at(-1)}
isLast={index === visibleMessages.length - 1} isLast={index === visibleMessages.length - 1}
apiProvider={apiConfiguration?.apiProvider}
/> />
)} )}
/> />