Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add react + gpt-4 turbo warning

Browse Source
This commit is contained in:
Abi Raja 2024-04-18 12:49:24 -04:00
parent ba5c0feb22
commit f9c4dd9c7c
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/App.tsx
View File

@ -84,6 +84,11 @@ function App() {
const wsRef = useRef<WebSocket>(null); const wsRef = useRef<WebSocket>(null);
const showReactWarning =
selectedCodeGenerationModel ===
CodeGenerationModel.GPT_4_TURBO_2024_04_09 &&
settings.generatedCodeConfig === Stack.REACT_TAILWIND;
// Indicate coding state using the browser tab's favicon and title // Indicate coding state using the browser tab's favicon and title
useBrowserTabIndicator(appState === AppState.CODING); useBrowserTabIndicator(appState === AppState.CODING);
@ -391,6 +396,13 @@ function App() {
} }
/> />
{showReactWarning && (
<div className="text-sm bg-yellow-200 rounded p-2">
Sorry - React is not currently working with GPT-4 Turbo. Please
use GPT-4 Vision or Claude Sonnet. We are working on a fix.
</div>
)}
{appState !== AppState.CODE_READY && <TipLink />} {appState !== AppState.CODE_READY && <TipLink />}
{IS_RUNNING_ON_CLOUD && !settings.openAiApiKey && <OnboardingNote />} {IS_RUNNING_ON_CLOUD && !settings.openAiApiKey && <OnboardingNote />}