diff --git a/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx b/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx index 00935d5a348..07dc4ed28a5 100644 --- a/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx +++ b/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx @@ -1,7 +1,8 @@ "use client"; +import { Button } from "@/components/ui/button"; import { ArrowUpRightIcon } from "lucide-react"; -import { Button } from "../../../../@/components/ui/button"; +import { examplePrompts } from "../data/examplePrompts"; import { NebulaIcon } from "../icons/NebulaIcon"; import { ChatBar } from "./ChatBar"; @@ -35,44 +36,15 @@ export function EmptyStateChatPageContent(props: { />
- { - props.sendMessage( - "What is the contract address of USDC on ethereum?", - ); - }} - /> - - { - props.sendMessage("What are last 5 blocks on polygon?"); - }} - /> - - { - props.sendMessage("What is thirdweb SDK?"); - }} - /> - { - props.sendMessage( - "How to add connect wallet button on React app?", - ); - }} - /> - { - props.sendMessage( - "Show transaction details of 0xff9624116c352c8b090203fbbb563baf32d2b1944f9ac281ff2de6b7d948030e on ethereum", - ); - }} - /> + {examplePrompts.map((prompt) => { + return ( + props.sendMessage(prompt.message)} + /> + ); + })}
diff --git a/apps/dashboard/src/app/nebula-app/(app)/data/examplePrompts.ts b/apps/dashboard/src/app/nebula-app/(app)/data/examplePrompts.ts new file mode 100644 index 00000000000..e3f6640f9af --- /dev/null +++ b/apps/dashboard/src/app/nebula-app/(app)/data/examplePrompts.ts @@ -0,0 +1,32 @@ +type ExamplePrompt = { + title: string; + message: string; +}; + +// Note: +// Keep the title as short as possible so 2 of them can fit in a single row on desktop viewport +// title is only used for displaying the example - the `message` is sent to server when user clicks on the example - it can be as long and descriptive as needed + +export const examplePrompts: ExamplePrompt[] = [ + { + title: "Deploy an ERC-20 Token", + message: + "Deploy an ERC-20 Token with name 'Hello World', description 'Hello world token deployed by Nebula', and symbol 'HELLO'", + }, + { + title: "USDC contract address on Ethereum", + message: "What is the USDC contract address on Ethereum?", + }, + { + title: "Analyze WETH smart contract", + message: "Analyze 0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2 on ethereum", + }, + { + title: "Transfer 0.001 ETH to thirdweb.eth", + message: "Transfer 0.001 ETH to thirdweb.eth", + }, + { + title: "Using session keys in Unity", + message: "How to use session key in Unity?", + }, +];