From 2c4b3d46f06217e9d9490cd9d3ae4fc6d37730bb Mon Sep 17 00:00:00 2001
From: Henrik Nygren <nygrenh@gmail.com>
Date: Mon, 30 Sep 2024 12:22:49 +0300
Subject: [PATCH] Fix button location

---
 .../chatbot/ChatbotDialogHeader.tsx           | 20 ++++++++++++-------
 .../course-material/src/services/backend.ts   |  2 +-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/services/course-material/src/components/chatbot/ChatbotDialogHeader.tsx b/services/course-material/src/components/chatbot/ChatbotDialogHeader.tsx
index 4fff1a809c2..d7d55bc848a 100644
--- a/services/course-material/src/components/chatbot/ChatbotDialogHeader.tsx
+++ b/services/course-material/src/components/chatbot/ChatbotDialogHeader.tsx
@@ -1,4 +1,4 @@
-import { css } from "@emotion/css"
+import { css, cx } from "@emotion/css"
 import { UseQueryResult } from "@tanstack/react-query"
 import { Account, AddMessage } from "@vectopus/atlas-icons-react"
 import React from "react"
@@ -59,6 +59,10 @@ const buttonStyle = css`
   }
 `
 
+const buttonsWrapper = css`
+  display: flex;
+`
+
 const ChatbotDialogHeader: React.FC<ChatbotDialogHeaderProps> = ({
   setDialogOpen,
   currentConversationInfo,
@@ -82,7 +86,7 @@ const ChatbotDialogHeader: React.FC<ChatbotDialogHeaderProps> = ({
         <Account />
       </div>
       <h1 className={titleStyle}>{currentConversationInfo.data?.chatbot_name}</h1>
-      <div>
+      <div className={buttonsWrapper}>
         <button
           onClick={() => newConversationMutation.mutate()}
           disabled={newConversationMutation.isPending}
@@ -93,11 +97,13 @@ const ChatbotDialogHeader: React.FC<ChatbotDialogHeaderProps> = ({
         </button>
         <button
           onClick={() => setDialogOpen(false)}
-          className={css`
-            ${buttonStyle}
-            position: relative;
-            top: -3px;
-          `}
+          className={cx(
+            buttonStyle,
+            css`
+              position: relative;
+              top: -3px;
+            `,
+          )}
           aria-label={t("close")}
         >
           <DownIcon />
diff --git a/services/course-material/src/services/backend.ts b/services/course-material/src/services/backend.ts
index 0ef3cdafa74..cb0be1a97c4 100644
--- a/services/course-material/src/services/backend.ts
+++ b/services/course-material/src/services/backend.ts
@@ -702,7 +702,7 @@ export const sendChatbotMessage = async (
 
   const requestOptions: RequestInit = {
     method: "POST",
-    body: JSON.stringify({ message }), // It's better to send an object for clarity
+    body: JSON.stringify(message),
     headers: {
       "Content-Type": "application/json",
     },