chore: change section elements to div elements

concord-consortium · Dec 11, 2024 · 715e42c · 715e42c
1 parent c9b2e14
commit 715e42c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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>
   );
 });