fix linting

Author: HenryHengZJ

src/components/Bot.tsx

@@ -417,8 +417,8 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
       allMessages[allMessages.length - 1].artifacts = artifacts;
       addChatMessage(allMessages);
       return allMessages;
-    })
-  }
+    });
+  };
 
   const updateLastMessageAction = (action: IAction) => {
     setMessages((data) => {
@@ -834,7 +834,7 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
               if (message.fileUploads) chatHistory.fileUploads = message.fileUploads;
               if (message.agentReasoning) chatHistory.agentReasoning = message.agentReasoning;
               if (message.action) chatHistory.action = message.action;
-              if (message.artifacts) chatHistory.artifacts = message.artifacts;              
+              if (message.artifacts) chatHistory.artifacts = message.artifacts;
               return chatHistory;
             })
           : [{ message: props.welcomeMessage ?? defaultWelcomeMessage, type: 'apiMessage' }];

src/components/bubbles/AgentReasoningBubble.tsx

@@ -6,7 +6,7 @@ import { cloneDeep } from 'lodash';
 type Props = {
   apiHost?: string;
   chatflowid: string;
-  chatId: string
+  chatId: string;
   agentName: string;
   agentMessage: string;
   agentArtifacts?: FileUpload[];
@@ -34,19 +34,19 @@ export const AgentReasoningBubble = (props: Props) => {
   });
 
   const agentReasoningArtifacts = (artifacts: FileUpload[]) => {
-    const newArtifacts = cloneDeep(artifacts)
+    const newArtifacts = cloneDeep(artifacts);
     for (let i = 0; i < newArtifacts.length; i++) {
-        const artifact = newArtifacts[i]
-        if (artifact && (artifact.type === 'png' || artifact.type === 'jpeg')) {
-            const data = artifact.data as string
-            newArtifacts[i].data = `${props.apiHost}/api/v1/get-upload-file?chatflowId=${props.chatflowid}&chatId=${props.chatId}&fileName=${data.replace(
-                'FILE-STORAGE::',
-                ''
-            )}`
-        }
+      const artifact = newArtifacts[i];
+      if (artifact && (artifact.type === 'png' || artifact.type === 'jpeg')) {
+        const data = artifact.data as string;
+        newArtifacts[i].data = `${props.apiHost}/api/v1/get-upload-file?chatflowId=${props.chatflowid}&chatId=${props.chatId}&fileName=${data.replace(
+          'FILE-STORAGE::',
+          '',
+        )}`;
+      }
     }
-    return newArtifacts
-  }
+    return newArtifacts;
+  };
 
   const renderArtifacts = (item: Partial<FileUpload>) => {
     if (item.type === 'png' || item.type === 'jpeg') {
@@ -57,10 +57,10 @@ export const AgentReasoningBubble = (props: Props) => {
         </div>
       );
     } else if (item.type === 'html') {
-      const src = (item.data as string);
+      const src = item.data as string;
       return (
         <div class="mt-2">
-            <div innerHTML={src}></div>
+          <div innerHTML={src} />
         </div>
       );
     } else {
@@ -86,7 +86,7 @@ export const AgentReasoningBubble = (props: Props) => {
         <div class="flex flex-row items-start flex-wrap w-full gap-2">
           <For each={agentReasoningArtifacts(props.agentArtifacts)}>
             {(item) => {
-              return item !== null ? <>{renderArtifacts(item)}</> : null
+              return item !== null ? <>{renderArtifacts(item)}</> : null;
             }}
           </For>
         </div>

src/components/bubbles/BotBubble.tsx

@@ -248,7 +248,7 @@ export const BotBubble = (props: Props) => {
       if (src.startsWith('FILE-STORAGE::')) {
         src = `${props.apiHost}/api/v1/get-upload-file?chatflowId=${props.chatflowid}&chatId=${props.chatId}&fileName=${src.replace(
           'FILE-STORAGE::',
-          ''
+          '',
         )}`;
       }
       return (
@@ -257,10 +257,10 @@ export const BotBubble = (props: Props) => {
         </div>
       );
     } else if (item.type === 'html') {
-      const src = (item.data as string);
+      const src = item.data as string;
       return (
         <div class="mt-2">
-            <div innerHTML={src}></div>
+          <div innerHTML={src} />
         </div>
       );
     } else {
@@ -319,7 +319,7 @@ export const BotBubble = (props: Props) => {
             <div class="flex flex-row items-start flex-wrap w-full gap-2">
               <For each={props.message.artifacts}>
                 {(item) => {
-                  return item !== null ? <>{renderArtifacts(item)}</> : null
+                  return item !== null ? <>{renderArtifacts(item)}</> : null;
                 }}
               </For>
             </div>