fix: changes text in modify

oaknational · Sep 24, 2024 · d7e1cb1 · d7e1cb1
1 parent 1ab164d
commit d7e1cb1
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 7 deletions.
diff --git a/apps/nextjs/src/components/AppComponents/Chat/drop-down-section/drop-down-form-wrapper.tsx b/apps/nextjs/src/components/AppComponents/Chat/drop-down-section/drop-down-form-wrapper.tsx
@@ -13,6 +13,7 @@ import { useLessonChat } from "@/components/ContextProviders/ChatProvider";
 export type FeedbackOption<T> = {
   label: string;
   enumValue: T;
+  chatMessage: string;
 };
 
 export const DropDownFormWrapper = <

diff --git a/apps/nextjs/src/components/AppComponents/Chat/drop-down-section/modify-button.tsx b/apps/nextjs/src/components/AppComponents/Chat/drop-down-section/modify-button.tsx
@@ -13,10 +13,26 @@ import { DropDownFormWrapper, FeedbackOption } from "./drop-down-form-wrapper";
 import { SmallRadioButton } from "./small-radio-button";
 
 const modifyOptions = [
-  { label: "Make it easier", enumValue: "MAKE_IT_EASIER" },
-  { label: "Make it harder", enumValue: "MAKE_IT_HARDER" },
-  { label: "Shorten content", enumValue: "SHORTEN_CONTENT" },
-  { label: "Add more detail", enumValue: "ADD_MORE_DETAIL" },
+  {
+    label: "Make it easier",
+    enumValue: "MAKE_IT_EASIER",
+    chatMessage: "easier",
+  },
+  {
+    label: "Make it harder",
+    enumValue: "MAKE_IT_HARDER",
+    chatMessage: "harder",
+  },
+  {
+    label: "Shorten content",
+    enumValue: "SHORTEN_CONTENT",
+    chatMessage: "shorter",
+  },
+  {
+    label: "Add more detail",
+    enumValue: "ADD_MORE_DETAIL",
+    chatMessage: "more detailed",
+  },
   { label: "Other", enumValue: "OTHER" },
 ] as const;
 
@@ -63,9 +79,14 @@ const ModifyButton = ({
   async function modifySection(
     option: FeedbackOption<AilaUserModificationAction>,
   ) {
+    const message =
+      option.label === "Other"
+        ? `For the ${sectionTitle}, ${userFeedbackText}`
+        : `Make the ${sectionTitle} ${option.chatMessage.toLowerCase()}`;
+
     await Promise.all([
       append({
-        content: `For the ${sectionTitle}, ${option.label === "Other" ? userFeedbackText : option.label}`,
+        content: message,
         role: "user",
       }),
       recordUserModifySectionContent(),
@@ -136,10 +157,12 @@ function handleLabelText({
   text: string;
   section: string;
 }): string {
+  console.log("section", section);
   if (
     section === "Misconceptions" ||
-    section === "Keyword learning points" ||
-    section === "Learning cycles"
+    section === "Key learning points" ||
+    section === "Learning cycles" ||
+    "additional materials"
   ) {
     if (text.includes("it")) {
       return text.replace("it", "them");