Add an icon for the chat panel

jupyterlab · May 29, 2023 · 3433c48 · 3433c48
1 parent 4d038f1
commit 3433c48
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 1 deletion.
diff --git a/packages/chat/src/chatpanel.ts b/packages/chat/src/chatpanel.ts
@@ -6,6 +6,16 @@ import { ITranslator } from '@jupyterlab/translation';
 import { LabIcon, SidePanel, caretRightIcon } from '@jupyterlab/ui-components';
 import { Panel, Widget } from '@lumino/widgets';
 
+import chatSvgstr from '../style/icons/chat.svg';
+
+/**
+ * The icon for the chat panel.
+ */
+export const chatIcon = new LabIcon({
+  name: 'collaboration:chat',
+  svgstr: chatSvgstr
+});
+
 /**
  * The chat panel widget.
  */

diff --git a/packages/chat/src/svg.d.ts b/packages/chat/src/svg.d.ts
@@ -0,0 +1,9 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+declare module '*.svg' {
+  const value: string; // @ts-ignore
+  export default value;
+}
diff --git a/packages/chat/style/base.css b/packages/chat/style/base.css
@@ -43,6 +43,8 @@
   border: solid 1px;
   min-height: 1em;
   padding: 3px;
+  margin-left: 3px;
+  border-radius: 5px;
 }
 
 /* .jp-ChatPanel-promptPlaceholder:empty:not(:focus):before {

diff --git a/packages/chat/style/icons/chat.svg b/packages/chat/style/icons/chat.svg
diff --git a/packages/collaboration-extension/src/chat.ts b/packages/collaboration-extension/src/chat.ts
@@ -13,7 +13,7 @@ import {
 import { DOMUtils } from '@jupyterlab/apputils';
 import { ITranslator, nullTranslator } from '@jupyterlab/translation';
 
-import { ChatPanel } from '@jupyter/chat';
+import { chatIcon, ChatPanel } from '@jupyter/chat';
 
 /**
  * The default collaborative chat panel.
@@ -34,6 +34,7 @@ export const chat: JupyterFrontEndPlugin<void> = {
     const panel = new ChatPanel({ translator, currentUser: user });
     panel.id = DOMUtils.createDomID();
     panel.title.caption = trans.__('Collaboration');
+    panel.title.icon = chatIcon;
     app.shell.add(panel, 'right', { rank: 300 });
 
     restorer.add(panel, 'chat-panel');