welcome message

TabbyML · May 28, 2024 · 691540a · 691540a
1 parent fae654a
commit 691540a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/ee/tabby-ui/app/playground/components/chats.tsx b/ee/tabby-ui/app/playground/components/chats.tsx
@@ -143,6 +143,7 @@ export default function Chats() {
         >
           <div>
             <Chat
+              welcomeMessage="Welcome to Playground!"
               chatId={activeChatId as string}
               key={activeChatId}
               initialMessages={initialMessages ?? emptyQaParise}

diff --git a/ee/tabby-ui/components/chat/chat.tsx b/ee/tabby-ui/components/chat/chat.tsx
@@ -113,7 +113,8 @@ interface ChatProps extends React.ComponentProps<'div'> {
   container?: HTMLDivElement
   docQuery?: boolean
   generateRelevantQuestions?: boolean
-  maxWidth?: string
+  maxWidth?: string,
+  welcomeMessage?: string
 }
 
 function ChatRenderer(
@@ -130,7 +131,8 @@ function ChatRenderer(
     fetcher,
     docQuery,
     generateRelevantQuestions,
-    maxWidth
+    maxWidth,
+    welcomeMessage
   }: ChatProps,
   ref: React.ForwardedRef<ChatRef>
 ) {
@@ -387,6 +389,7 @@ function ChatRenderer(
               <EmptyScreen
                 setInput={setInput}
                 chatMaxWidthClass={chatMaxWidthClass}
+                welcomeMessage={welcomeMessage}
               />
             )}
             <ChatScrollAnchor trackVisibility={isLoading} />

diff --git a/ee/tabby-ui/components/chat/empty-screen.tsx b/ee/tabby-ui/components/chat/empty-screen.tsx
@@ -16,12 +16,14 @@ const exampleMessages = [
 
 export function EmptyScreen({
   setInput,
-  chatMaxWidthClass
-}: Pick<UseChatHelpers, 'setInput'> & { chatMaxWidthClass: string }) {
+  chatMaxWidthClass,
+  welcomeMessage
+}: Pick<UseChatHelpers, 'setInput'> & { chatMaxWidthClass: string, welcomeMessage?: string }) {
+  const welcomeMsg = welcomeMessage || 'Welcome'
   return (
     <div className={`mx-auto px-4 ${chatMaxWidthClass}`}>
       <div className="rounded-lg border bg-background p-8">
-        <h1 className="mb-2 text-lg font-semibold">Welcome to Playground!</h1>
+        <h1 className="mb-2 text-lg font-semibold">{welcomeMsg}</h1>
         <p className="leading-normal text-muted-foreground">
           You can start a conversation here or try the following examples:
         </p>