Chat UI quality of life improvements (jupyterlab#154)

* Updates screen shot with placeholder * Incorporates change to code
Marchlak · Oct 28, 2024 · 26b01f0 · 26b01f0
1 parent 9cb3b20
commit 26b01f0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/docs/source/_static/chat-icon-left-tab-bar.png b/docs/source/_static/chat-icon-left-tab-bar.png
diff --git a/packages/jupyter-ai/src/components/chat-input.tsx b/packages/jupyter-ai/src/components/chat-input.tsx
@@ -45,11 +45,18 @@ export function ChatInput(props: ChatInputProps): JSX.Element {
           variant="outlined"
           multiline
           onKeyDown={handleKeyDown}
+          placeholder='Ask Jupyternaut anything'
           InputProps={{
             endAdornment: (
                <InputAdornment position="end">
-                  <IconButton size="small" color="primary" onClick={props.onSend} disabled={!props.value.trim().length}>
-                     <SendIcon />
+                  <IconButton
+                    size="small"
+                    color="primary"
+                    onClick={props.onSend}
+                    disabled={!props.value.trim().length}
+                    title='Send message (SHIFT+ENTER)'
+                  >
+                    <SendIcon />
                   </IconButton>
                </InputAdornment>
             )