From 519ed5b5233e231a1825a3bf8569cbf14fcdf9d3 Mon Sep 17 00:00:00 2001
From: Mat Jordan <mat@northwestern.edu>
Date: Wed, 6 Mar 2024 18:43:21 -0500
Subject: [PATCH] Refine.

---
 components/Chat/components/Response/StreamedAnswer.tsx | 3 +--
 hooks/useMarkdown.tsx                                  | 7 +++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/Chat/components/Response/StreamedAnswer.tsx b/components/Chat/components/Response/StreamedAnswer.tsx
index bd78238b..c2a1b7bf 100644
--- a/components/Chat/components/Response/StreamedAnswer.tsx
+++ b/components/Chat/components/Response/StreamedAnswer.tsx
@@ -1,6 +1,5 @@
-import { StyledCursor, StyledStreamedAnswer } from "./Response.styled";
-
 import React from "react";
+import { StyledStreamedAnswer } from "./Response.styled";
 import useMarkdown from "@/hooks/useMarkdown";
 
 const ResponseStreamedAnswer = ({
diff --git a/hooks/useMarkdown.tsx b/hooks/useMarkdown.tsx
index 6623ca69..9c6d63d0 100644
--- a/hooks/useMarkdown.tsx
+++ b/hooks/useMarkdown.tsx
@@ -32,9 +32,12 @@ function useMarkdown({
       const result = await processor.process(preparedMarkdown);
       const htmlContent = String(result);
 
-      const regex = new RegExp(cursor, "g");
+      const cursorRegex = new RegExp(cursor, "g");
       const updatedHtml = hasCursor
-        ? htmlContent.replace(regex, `<span class="markdown-cursor"></span>`)
+        ? htmlContent.replace(
+            cursorRegex,
+            `<span class="markdown-cursor"></span>`
+          )
         : htmlContent;
 
       setHtml(updatedHtml);