diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 1ec6abe..8db8f0a 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -42,6 +42,7 @@ import ModelSettingsSection from "./components/ModelSettingsSection"; import { extractHtml } from "./components/preview/extractHtml"; import useBrowserTabIndicator from "./hooks/useBrowserTabIndicator"; import TipLink from "./components/core/TipLink"; +import FeedbackCallNote from "./components/user-feedback/FeedbackCallNote"; const IS_OPENAI_DOWN = false; @@ -104,6 +105,8 @@ function App({ navbarComponent }: Props) { selectedCodeGenerationModel !== CodeGenerationModel.GPT_4O_2024_05_13 && appState === AppState.INITIAL; + const showFeedbackCallNote = subscriberTier !== "free"; + // Indicate coding state using the browser tab's favicon and title useBrowserTabIndicator(appState === AppState.CODING); @@ -461,6 +464,10 @@ function App({ navbarComponent }: Props) { )} + {showFeedbackCallNote && appState === AppState.INITIAL && ( + + )} + {(appState === AppState.CODING || appState === AppState.CODE_READY) && ( <> @@ -535,6 +542,8 @@ function App({ navbarComponent }: Props) { )} + {showFeedbackCallNote && } + {/* Reference image display */}
{referenceImages.length > 0 && ( diff --git a/frontend/src/components/user-feedback/FeedbackCallNote.tsx b/frontend/src/components/user-feedback/FeedbackCallNote.tsx new file mode 100644 index 0000000..fb39970 --- /dev/null +++ b/frontend/src/components/user-feedback/FeedbackCallNote.tsx @@ -0,0 +1,19 @@ +function FeedbackCallNote() { + return ( +
+

+ Share your feedback with us on a{" "} + + 15 min call and get a $50 via Paypal or Amazon gift card. + +

+
+ ); +} + +export default FeedbackCallNote;