From 715e42cfa8606dfb204b3335dc380d4fa759c52f Mon Sep 17 00:00:00 2001
From: Ethan McElroy <emcelroy@concord.org>
Date: Wed, 11 Dec 2024 15:06:21 -0500
Subject: [PATCH] chore: change section elements to div elements

---
 src/components/chat-transcript-message.tsx |  4 ++--
 src/components/chat-transcript.tsx         | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/chat-transcript-message.tsx b/src/components/chat-transcript-message.tsx
index 5fd89a2..0d1d8f1 100644
--- a/src/components/chat-transcript-message.tsx
+++ b/src/components/chat-transcript-message.tsx
@@ -40,7 +40,7 @@ export const ChatTranscriptMessage = ({message, showDebugLog}: IProps) => {
   const speakerClass = speaker === DEBUG_SPEAKER ? "debug" : speaker.toLowerCase();
 
   return (
-    <section
+    <div
       aria-label={`${speaker} at ${timestamp}`}
       className={`chat-transcript__message ${speakerClass}`}
       data-testid="chat-message"
@@ -59,6 +59,6 @@ export const ChatTranscriptMessage = ({message, showDebugLog}: IProps) => {
           <Markdown>{messageContent.content}</Markdown>
         }
       </div>
-    </section>
+    </div>
   );
 };
diff --git a/src/components/chat-transcript.tsx b/src/components/chat-transcript.tsx
index b812f7b..19faf04 100644
--- a/src/components/chat-transcript.tsx
+++ b/src/components/chat-transcript.tsx
@@ -11,7 +11,7 @@ interface IProps {
 }
 
 export const ChatTranscriptComponent = observer(({chatTranscript, showDebugLog}: IProps) => {
-  const chatTranscriptRef = useRef<HTMLElement>(null);
+  const chatTranscriptRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
     // Autoscroll to the top of the latest message in the transcript.
@@ -23,9 +23,9 @@ export const ChatTranscriptComponent = observer(({chatTranscript, showDebugLog}:
   }, [chatTranscript.messages.length]);
 
   return (
-    <section ref={chatTranscriptRef} id="chat-transcript" className="chat-transcript" data-testid="chat-transcript" role="group">
+    <div ref={chatTranscriptRef} id="chat-transcript" className="chat-transcript" data-testid="chat-transcript" role="group">
       <h2 className="visually-hidden">DAVAI Chat Transcript</h2>
-      <section
+      <div
         // For now we are using "assertive". This may change as we refine the experience.
         aria-live="assertive"
         className="chat-transcript__messages"
@@ -41,7 +41,7 @@ export const ChatTranscriptComponent = observer(({chatTranscript, showDebugLog}:
             />
           );
         })}
-      </section>
-    </section>
+      </div>
+    </div>
   );
 });