chore: tweaks

oaknational · Nov 18, 2024 · 846ccb7 · 846ccb7
1 parent 275dea7
commit 846ccb7
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 17 deletions.
diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-left-hand-side.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-left-hand-side.tsx
@@ -31,7 +31,7 @@ const ChatLeftHandSide = ({
     <Flex
       direction="column"
       gap="4"
-      className="w-full bg-[#ECEFF8] px-13 pt-28 sm:w-[50%] sm:px-24 lg:w-[600px] lg:min-w-[600px]"
+      className="mb-5 w-full bg-[#ECEFF8] px-13 pt-28 sm:w-[50%] sm:px-24 lg:w-[600px] lg:min-w-[600px]"
       height="100%"
       position="relative"
     >

diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-lessonPlanDisplay.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-lessonPlanDisplay.tsx
@@ -126,7 +126,7 @@ export const LessonPlanDisplay = ({
           )}
         </Flex>
       )}
-      {lastModeration && <GuidanceRequired moderation={lastModeration} />}
+      {/* {lastModeration && <GuidanceRequired moderation={lastModeration} />} */}
 
       {notEmpty(lessonPlan.basedOn) && (
         <Flex direction="row" gap="2" className="pb-12">

diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-message/index.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-message/index.tsx
@@ -115,7 +115,7 @@ export function ChatMessage({
     <>
       {separator}
 
-      {matchingModeration && !isSafe(matchingModeration) && (
+      {/* {matchingModeration && !isSafe(matchingModeration) && (
         <MessageWrapper errorType="moderation" type={getAvatarType()}>
           <MessageTextWrapper>
             <div className="flex items-center">
@@ -137,7 +137,7 @@ export function ChatMessage({
             </div>
           </MessageTextWrapper>
         </MessageWrapper>
-      )}
+      )} */}
       <MessageWrapper
         errorType={hasError ? "generic" : null}
         type={getAvatarType()}
@@ -323,7 +323,7 @@ export const InLineButton = ({
   return (
     <button
       onClick={handleClick}
-      className="my-6 w-fit rounded-lg border border-black border-opacity-30 bg-white p-7 text-base text-blue"
+      className="my-6 w-fit rounded-lg border border-black border-opacity-30 bg-white p-7 text-left text-base text-blue "
     >
       {text}
     </button>
@@ -473,13 +473,15 @@ const InlineButtonGroup = ({
 
       <InLineButton
         text={
-          isFinalStep ? "Proceed to the final step" : "Proceed to the next step"
+          isFinalStep
+            ? "Continue to the final step"
+            : "Continue to the next step"
         }
         onClick={() => {
           handleContinue(
             isFinalStep
-              ? "Proceed to the final step"
-              : "Proceed to the next step",
+              ? "Continue to the final step"
+              : "Continue to the next step",
           );
           setUserHasSelected(true);
         }}

diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-panel-disclaimer.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-panel-disclaimer.tsx
@@ -1,6 +1,6 @@
 const ChatPanelDisclaimer = ({ size }: { size: "sm" | "md" | "lg" }) => {
   return (
-    <p className={`my-12 text-${size}`}>
+    <p className={`mt-12 text-${size}`}>
       Aila can make mistakes. Check your lesson before use. See our{" "}
       <a
         href="https://labs.thenational.academy/legal/terms"

diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-start.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-start.tsx
@@ -116,7 +116,7 @@ export function ChatStart() {
           `The following field(s) are missing: ${
             !selectedSubject ? "Subject" : ""
           }${!selectedKeyStage ? ", Key Stage" : ""}${
-            !selectedLength ? ", Lesson Length" : ""
+            !selectedLength ? ", Lesson length" : ""
           }${!input ? ", Lesson Title" : ""}`,
         );
         return;
@@ -391,10 +391,10 @@ const KeyStageDropDown = ({
   setActiveDropdown,
 }) => {
   const keyStages = [
-    "Key Stage 1",
-    "Key Stage 2",
-    "Key Stage 3",
-    "Key Stage 4",
+    "Key stage 1",
+    "Key stage 2",
+    "Key stage 3",
+    "Key stage 4",
     "Other",
   ];
   const [customValue, setCustomValue] = useState("");
@@ -410,7 +410,7 @@ const KeyStageDropDown = ({
           setActiveDropdown(activeDropdown === "keyStages" ? null : "keyStages")
         }
       >
-        {selectedKeyStage || "Key Stage"}
+        {selectedKeyStage || "Key stage"}
       </DropDownButton>
       {activeDropdown === "keyStages" && (
         <DropDownWrapper>
@@ -480,7 +480,7 @@ const LengthDropDown = ({
           setActiveDropdown(activeDropdown === "length" ? null : "length")
         }
       >
-        {selectedLength || "Lesson Length"}
+        {selectedLength || "Lesson length"}
       </DropDownButton>
       {activeDropdown === "length" && (
         <DropDownWrapper>
@@ -556,7 +556,7 @@ async function populateAllStartChatFields({
   setSelectedLength: (value: string) => void;
 }) {
   setInput("roman britain");
-  setSelectedKeyStage("Key Stage 3");
+  setSelectedKeyStage("Key stage 3");
   setSelectedSubject("History");
   setSelectedLength("60 mins");
 }