Run linter

Author: ellisonbg

packages/jupyter-chat/src/components/chat.tsx

@@ -38,28 +38,28 @@ export function ChatBody(props: Chat.IChatBodyProps): JSX.Element {
 
   return (
     <AttachmentOpenerContext.Provider value={props.attachmentOpenerRegistry}>
-        <ChatMessages
-          rmRegistry={props.rmRegistry}
-          model={model}
-          chatCommandRegistry={props.chatCommandRegistry}
-          inputToolbarRegistry={inputToolbarRegistry}
-          messageFooterRegistry={props.messageFooterRegistry}
-          welcomeMessage={props.welcomeMessage}
-          area={props.area}
-        />
-        <ChatInput
+      <ChatMessages
+        rmRegistry={props.rmRegistry}
+        model={model}
+        chatCommandRegistry={props.chatCommandRegistry}
+        inputToolbarRegistry={inputToolbarRegistry}
+        messageFooterRegistry={props.messageFooterRegistry}
+        welcomeMessage={props.welcomeMessage}
+        area={props.area}
+      />
+      <ChatInput
         sx={{
           paddingLeft: horizontalPadding,
           paddingRight: horizontalPadding,
           paddingTop: 0,
           paddingBottom: 0
         }}
-          model={model.input}
-          chatCommandRegistry={props.chatCommandRegistry}
-          toolbarRegistry={inputToolbarRegistry}
-          area={props.area}
-          chatModel={model}
-        />
+        model={model.input}
+        chatCommandRegistry={props.chatCommandRegistry}
+        toolbarRegistry={inputToolbarRegistry}
+        area={props.area}
+        chatModel={model}
+      />
     </AttachmentOpenerContext.Provider>
   );
 }

packages/jupyter-chat/src/components/input/buttons/save-edit-button.tsx

@@ -44,13 +44,11 @@ export function SaveEditButton(
     };
   }, [model]);
 
-
   async function save() {
     await chatCommandRegistry?.onSubmit(model);
     model.send(model.value);
   }
 
-
   return (
     <Tooltip title={tooltip} placement="top" arrow>
       <span>

packages/jupyter-chat/src/components/input/buttons/send-button.tsx

@@ -55,13 +55,11 @@ export function SendButton(
     };
   }, [model]);
 
-
   async function send() {
     await chatCommandRegistry?.onSubmit(model);
     model.send(model.value);
   }
 
-
   return (
     <Tooltip title={tooltip} placement="top" arrow>
       <span>

packages/jupyter-chat/src/components/input/chat-input.tsx

@@ -290,9 +290,9 @@ export function ChatInput(props: ChatInput.IProps): JSX.Element {
                 ...params.InputProps,
                 disableUnderline: true
               }}
-            FormHelperTextProps={{
-              sx: { display: 'none' }
-            }}
+              FormHelperTextProps={{
+                sx: { display: 'none' }
+              }}
             />
           )}
           inputValue={input}

packages/jupyter-chat/src/components/messages/messages.tsx

@@ -165,7 +165,6 @@ export function ChatMessages(props: BaseMessageProps): JSX.Element {
     };
   }, [messages, allRendered]);
 
-
   const horizontalPadding = props.area === 'main' ? 8 : 4;
   return (
     <>
@@ -184,54 +183,57 @@ export function ChatMessages(props: BaseMessageProps): JSX.Element {
             paddingBottom: 16,
             display: 'flex',
             flexDirection: 'column',
-            gap: 4,
+            gap: 4
           }}
           ref={refMsgBox}
           className={clsx(MESSAGES_BOX_CLASS)}
         >
           {messages
             .filter(message => !message.deleted)
             .map((message, i) => {
-            renderedPromise.current[i] = new PromiseDelegate();
-            const isCurrentUser =
-              model.user !== undefined &&
-              model.user.username === message.sender.username;
-            return (
-              // extra div needed to ensure each bubble is on a new line
-              <Box
-                key={i}
-                sx={{
-                  ...(isCurrentUser && {
-                    marginLeft: props.area === 'main' ? '25%' : '10%',
-                    backgroundColor: 'var(--jp-layout-color2)',
-                    border: 'none',
-                    borderRadius: 2,
-                    padding: 2
-                  })
-                }}
-                className={clsx(
-                  MESSAGE_CLASS,
-                  message.stacked ? MESSAGE_STACKED_CLASS : ''
-                )}
-              >
-                <ChatMessageHeader message={message} isCurrentUser={isCurrentUser} />
-                <ChatMessage
-                  {...props}
-                  message={message}
-                  index={i}
-                  renderedPromise={renderedPromise.current[i]}
-                  ref={el => (listRef.current[i] = el)}
-                />
-                {props.messageFooterRegistry && (
-                  <MessageFooterComponent
-                    registry={props.messageFooterRegistry}
+              renderedPromise.current[i] = new PromiseDelegate();
+              const isCurrentUser =
+                model.user !== undefined &&
+                model.user.username === message.sender.username;
+              return (
+                // extra div needed to ensure each bubble is on a new line
+                <Box
+                  key={i}
+                  sx={{
+                    ...(isCurrentUser && {
+                      marginLeft: props.area === 'main' ? '25%' : '10%',
+                      backgroundColor: 'var(--jp-layout-color2)',
+                      border: 'none',
+                      borderRadius: 2,
+                      padding: 2
+                    })
+                  }}
+                  className={clsx(
+                    MESSAGE_CLASS,
+                    message.stacked ? MESSAGE_STACKED_CLASS : ''
+                  )}
+                >
+                  <ChatMessageHeader
+                    message={message}
+                    isCurrentUser={isCurrentUser}
+                  />
+                  <ChatMessage
+                    {...props}
                     message={message}
-                    model={model}
+                    index={i}
+                    renderedPromise={renderedPromise.current[i]}
+                    ref={el => (listRef.current[i] = el)}
                   />
-                )}
-              </Box>
-            );
-          })}
+                  {props.messageFooterRegistry && (
+                    <MessageFooterComponent
+                      registry={props.messageFooterRegistry}
+                      message={message}
+                      model={model}
+                    />
+                  )}
+                </Box>
+              );
+            })}
         </Box>
       </ScrollContainer>
       <Navigation {...props} refMsgBox={refMsgBox} allRendered={allRendered} />

packages/jupyter-chat/style/chat.css

@@ -103,6 +103,6 @@
 
 .jp-chat-mention {
   border-radius: 4px;
-  padding: 2px 0px;
+  padding: 2px 0;
   font-weight: bold;
 }