hsitory chat height fixed

client/src/components/chat/chat.tsx

@@ -65,12 +65,12 @@ const useStyles = makeStyles((theme) => ({
 const MENTOR_COLORS = ["#eaeaea", "#d4e8d9", "#ffebcf", "#f5cccd"];
 
 export function Chat(args: {
-  height: number;
+  height?: number;
   windowHeight?: number;
   width?: string;
   bubbleColor?: string;
 }): JSX.Element {
-  const { height, windowHeight, width, bubbleColor } = args;
+  const { width, bubbleColor } = args;
   const styles = useStyles();
   const {
     mentorType,
@@ -162,10 +162,10 @@ export function Chat(args: {
     >
       <List
         data-cy="chat-thread"
-        className={styles.list}
+        className={[styles.list, "chat-thread"].join(" ")}
         style={{
           width: shouldDisplayPortrait() ? "100%" : width ? width : "40vw",
-          height: shouldDisplayPortrait() || windowHeight ? height : "300px",
+          // height: shouldDisplayPortrait() || windowHeight ? height : "300px",
         }}
         disablePadding={true}
         id="chat-thread"

client/src/styles/history-chat-responsive.css

@@ -36,3 +36,34 @@
     width: 100%;
   }
 }
+
+@media screen and (min-height: 1000px) {
+  .chat-thread {
+    height: 72vh;
+  }
+}
+@media screen and (min-height: 700px) {
+  .chat-thread {
+    height: 64vh;
+  }
+}
+@media screen and (min-height: 800px) {
+  .chat-thread {
+    height: 65vh;
+  }
+}
+@media screen and (min-height: 900px) {
+  .chat-thread {
+    height: 70vh;
+  }
+}
+@media screen and (min-height: 1400px) {
+  .chat-thread {
+    height: 72vh;
+  }
+}
+@media (min-width: 1650px) {
+  .chat-thread {
+    height: 73vh;
+  }
+}

cypress/cypress/integration/history.spec.ts

@@ -30,6 +30,7 @@ describe("Chat History (Video Mentors)", () => {
 
   it("displays questions that have been asked via input", () => {
     visitAsGuestWithDefaultSetup(cy, "/");
+
     cy.get("[data-cy=header]").should("have.attr", "data-mentor", "clint");
     cy.get("[data-cy=history-tab]").trigger("mouseover").click();
     cy.get("[data-cy=input-field]").type("Hello");