turbo edits promo message (#218)

src/components/chat/MessagesList.tsx

@@ -15,6 +15,7 @@ import { showError, showWarning } from "@/lib/toast";
 import { IpcClient } from "@/ipc/ipc_client";
 import { chatMessagesAtom } from "@/atoms/chatAtoms";
 import { useLanguageModelProviders } from "@/hooks/useLanguageModelProviders";
+import { useSettings } from "@/hooks/useSettings";
 interface MessagesListProps {
   messages: Message[];
   messagesEndRef: React.RefObject<HTMLDivElement | null>;
@@ -26,7 +27,7 @@ export const MessagesList = forwardRef<HTMLDivElement, MessagesListProps>(
     const { versions, revertVersion } = useVersions(appId);
     const { streamMessage, isStreaming } = useStreamChat();
     const { isAnyProviderSetup } = useLanguageModelProviders();
-
+    const { settings } = useSettings();
     const setMessages = useSetAtom(chatMessagesAtom);
     const [isUndoLoading, setIsUndoLoading] = useState(false);
     const [isRetryLoading, setIsRetryLoading] = useState(false);
@@ -211,6 +212,25 @@ export const MessagesList = forwardRef<HTMLDivElement, MessagesListProps>(
             )}
           </div>
         )}
+
+        {isStreaming && !settings?.enableDyadPro && messages.length > 0 && (
+          <div className="max-w-3xl mx-auto mt-4 py-2 px-1 border border-blue-500 rounded-lg bg-blue-50 text-center">
+            <p className="text-sm text-blue-700">
+              Tired of waiting on AI?
+              <a
+                onClick={() =>
+                  IpcClient.getInstance().openExternalUrl(
+                    "https://dyad.sh/pro#ai",
+                  )
+                }
+                className=" text-blue-600 hover:text-blue-800 underline ml-1 cursor-pointer"
+              >
+                Get Dyad Pro
+              </a>{" "}
+              for faster edits with Turbo Edits.
+            </p>
+          </div>
+        )}
         <div ref={messagesEndRef} />
       </div>
     );