From 721fddf1913b9659dc0b1d308fa4389c3bf6ec87 Mon Sep 17 00:00:00 2001
From: Brian Hackett <bhackett1024@gmail.com>
Date: Sun, 6 Apr 2025 15:52:27 -0700
Subject: [PATCH] Add example for turn by turn directions app (#100)

---
 app/components/chat/ExamplePrompts.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/components/chat/ExamplePrompts.tsx b/app/components/chat/ExamplePrompts.tsx
index c61372bf..b6a20746 100644
--- a/app/components/chat/ExamplePrompts.tsx
+++ b/app/components/chat/ExamplePrompts.tsx
@@ -1,7 +1,10 @@
 import React from 'react';
 
 const EXAMPLE_PROMPTS = [
-  { text: 'Build a todo app in React' },
+  { text: 'Build a turn by turn directions app',
+    full: 'build an app to get turn by turn directions using the OpenStreetMap API. the directions should be in a clean and easy to read format showing a small map of the turn next to each step. do not show any complete map for the entire route. make sure the directions work on real locations, e.g. getting from santa cruz to san francisco should take about an hour and a half'
+   },
+  { text: 'Build a todo app' },
   { text: 'Build a simple blog' },
   { text: 'Make a space invaders game' },
 ];
@@ -20,7 +23,7 @@ export function ExamplePrompts(sendMessage?: { (event: React.UIEvent, messageInp
             <button
               key={index}
               onClick={(event) => {
-                sendMessage?.(event, examplePrompt.text);
+                sendMessage?.(event, examplePrompt.full ?? examplePrompt.text);
               }}
               className="border border-bolt-elements-borderColor rounded-full bg-gray-50 hover:bg-gray-100 dark:bg-gray-950 dark:hover:bg-gray-900 text-bolt-elements-textSecondary hover:text-bolt-elements-textPrimary px-3 py-1 text-xs transition-theme"
             >