mirror of
https://github.com/supabase/supabase.git
synced 2026-07-07 01:34:22 +08:00
b4fa734c85
* Start * Refactor code and remove unused imports * Refactor SchemaFlowHandler and UserChat components * Refactor code and remove unused files * Refactor Thread component and remove CurrentThreadName import * Remove oldest_messages view from supabase.ts * Refactor supabase.ts file * Hook up loading state ChatInput component and remove old route handlers * Add updated prompt * Refactor chat form component and remove unused code * Make the suspense work when fetching messages. * Small refactor in the chat assistant form component. * Experimenting with streaming responses. WIP. * Move all components to thread_id/message_id folder. * Massive refactor but uses Nextjs app router properly. * Add a conditional submit which is used if the user haven't been logged in. * Add a typecheck command to db-new app. * Minor fixes. * Bunch of minor fixes. * Clean up more code. * Refactor the AssistantChatForm to use the new React forms features. * Run fitView after 50 milliseconds because it didn't run in some cases. * Style and flow nudges * Prettier * Delete old file --------- Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
32 lines
891 B
TypeScript
32 lines
891 B
TypeScript
import { CHAT_EXAMPLES } from '@/data/chat-examples'
|
|
import { cn } from '@ui/lib/utils/cn'
|
|
import { ExternalLink } from 'lucide-react'
|
|
|
|
export const ChatSuggestions = ({ setInput }: { setInput: (s: string) => void }) => {
|
|
const suggestions = CHAT_EXAMPLES
|
|
return (
|
|
<div className="flex gap-3 mt-4">
|
|
{suggestions.map((suggestion, idx) => (
|
|
<button
|
|
key={idx}
|
|
type="button"
|
|
className={cn(
|
|
'text-xs',
|
|
'flex items-center gap-3 !pr-3',
|
|
'transition border rounded-full px-3 py-1.5',
|
|
'text-light',
|
|
'hover:border-stronger hover:text'
|
|
)}
|
|
onClick={(event) => {
|
|
setInput(suggestion.prompt)
|
|
event.preventDefault()
|
|
}}
|
|
>
|
|
{suggestion.label}
|
|
<ExternalLink size={12} />
|
|
</button>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|