Removes mentions of DSO from chatbot codebase

tespkg · Nov 20, 2023 · 38b39b4 · 38b39b4
1 parent 3130c23
commit 38b39b4
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/src/components/ChatbotPanel.tsx b/src/components/ChatbotPanel.tsx
@@ -3,7 +3,7 @@ import { PanelProps } from '@grafana/data'
 import { useStyles2 } from '@grafana/ui'
 import * as React from 'react'
 import { TreeOptions } from 'types'
-import { DsoChatBot } from 'components/dso-chat-bot/DsoChatbot'
+import { ChatBot } from 'components/chat-bot/ChatBot'
 import './style.css'
 
 // let renderCount = 0
@@ -36,7 +36,7 @@ export const ChatbotPanel: React.FC<Props> = ({ options, data, width, height, re
         `
       )}
     >
-      <DsoChatBot />
+      <ChatBot />
     </div>
   )
 }
diff --git a/src/components/dso-chat-bot/DsoChatbot.tsx → src/components/chat-bot/ChatBot.tsx b/src/components/dso-chat-bot/DsoChatbot.tsx → src/components/chat-bot/ChatBot.tsx
@@ -8,7 +8,7 @@ import { BOT_SYSTEM_MESSAGE } from 'api/chatbot/system-message'
 import { Input } from '@grafana/ui'
 import { Button } from 'components/button/Button'
 
-import './dso-chat-bot.scss'
+import './chat-bot.scss'
 
 interface ChatBotMessage {
   role: CHATBOT_ROLE
@@ -18,7 +18,7 @@ interface ChatBotMessage {
   includeInChatPanel: boolean
 }
 
-export const DsoChatBot = () => {
+export const ChatBot = () => {
   /** States and Refs */
   const [text, setText] = useState('')
   const [chatContent, setChatContent] = useState<undefined | ChatBotMessage[]>(undefined)
@@ -147,11 +147,11 @@ export const DsoChatBot = () => {
 
   /** Renderer */
   return (
-    <div className={classNames('dsoChartBot')}>
+    <div className={classNames('ChartBot')}>
       {
-        <div className="dsoChartBot-header">
-          <span className="dsoChartBot-header-text">Talk to New Oil Management</span>
-          <div className="dsoChartBot-header-actions">
+        <div className="ChartBot-header">
+          <span className="ChartBot-header-text">Talk to New Oil Management</span>
+          <div className="ChartBot-header-actions">
             <Button
               title="Clear"
               displayTitle={false}
@@ -163,49 +163,49 @@ export const DsoChatBot = () => {
           </div>
         </div>
       }
-      <div className={classNames('dsoChartBot-chatPanel')} ref={chatContentRef}>
+      <div className={classNames('ChartBot-chatPanel')} ref={chatContentRef}>
         {chatContent &&
           chatContent
             .filter(({ includeInChatPanel }) => includeInChatPanel)
             .map(({ message, id, role }) => (
               <div
                 key={id}
-                className={classNames('dsoChartBot-chatPanel-messageContainer', {
+                className={classNames('ChartBot-chatPanel-messageContainer', {
                   user: role === CHATBOT_ROLE.USER,
                   assistant: role === CHATBOT_ROLE.ASSISTANT,
                 })}
               >
                 <div
-                  className={classNames('dsoChartBot-chatPanel-messageContainer-avatar', {
+                  className={classNames('ChartBot-chatPanel-messageContainer-avatar', {
                     user: role === CHATBOT_ROLE.USER,
                     assistant: role === CHATBOT_ROLE.ASSISTANT,
                   })}
-                  title={role === CHATBOT_ROLE.ASSISTANT ? 'DSO bot' : 'You'}
+                  title={role === CHATBOT_ROLE.ASSISTANT ? 'Bot' : 'You'}
                 >
                   {role === CHATBOT_ROLE.ASSISTANT ? (
                     <img
-                      className="dsoChartBot-chatPanel-messageContainer-avatar-image"
+                      className="ChartBot-chatPanel-messageContainer-avatar-image"
                       // @ts-ignore
                       src={AssistantAvatar}
                       alt="Bot"
                     />
                   ) : (
                     <img
-                      className="dsoChartBot-chatPanel-messageContainer-avatar-image"
+                      className="ChartBot-chatPanel-messageContainer-avatar-image"
                       // @ts-ignore
                       src={UserAvatar}
                       alt="User"
                     />
                   )}
                 </div>
                 <div
-                  className={classNames('dsoChartBot-chatPanel-messageContainer-message', {
+                  className={classNames('ChartBot-chatPanel-messageContainer-message', {
                     user: role === CHATBOT_ROLE.USER,
                     assistant: role === CHATBOT_ROLE.ASSISTANT,
                   })}
                 >
                   <span
-                    className={classNames('dsoChartBot-chatPanel-messageContainer-message-messageText', {
+                    className={classNames('ChartBot-chatPanel-messageContainer-message-messageText', {
                       user: role === CHATBOT_ROLE.USER,
                       assistant: role === CHATBOT_ROLE.ASSISTANT,
                     })}
@@ -216,7 +216,7 @@ export const DsoChatBot = () => {
             ))}
       </div>
 
-      <div className="dsoChartBot-inputContainer">
+      <div className="ChartBot-inputContainer">
         <Input
           label="Search"
           placeholder="Search"

diff --git a/...components/dso-chat-bot/dso-chat-bot.scss → src/components/chat-bot/chat-bot.scss b/...components/dso-chat-bot/dso-chat-bot.scss → src/components/chat-bot/chat-bot.scss
@@ -7,7 +7,7 @@ $input-container-max-height: 144px;
 $input-container-min-height: 72px;
 $input-vertical-margin: 8px;
 
-.dsoChartBot {
+.ChartBot {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -175,7 +175,7 @@ $input-vertical-margin: 8px;
   } 
 }
 
-.panel-container:has(.dsoChartBot) {
+.panel-container:has(.ChartBot) {
   background-color: #eaeaea;
   border: solid 1px #000000;
   border-radius: 5px;