From 3da5d11883d79ec1adc2c920a17bae4490898e27 Mon Sep 17 00:00:00 2001
From: BitterKanegul <15769643+BitterKanegul@users.noreply.github.com>
Date: Mon, 2 Jan 2023 09:52:24 +0530
Subject: [PATCH] Add ESLint fixes

---
 website/src/components/FlaggableElement.tsx | 2 +-
 website/src/components/Messages.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/components/FlaggableElement.tsx b/website/src/components/FlaggableElement.tsx
index f5717350..75220344 100644
--- a/website/src/components/FlaggableElement.tsx
+++ b/website/src/components/FlaggableElement.tsx
@@ -37,7 +37,7 @@ export const FlaggableElement = (props) => {
   const [sliderValues, setSliderValues] = useState(new Array(TEXT_LABEL_FLAGS.length).fill(1));
 
   const fetchData = () => {
-    let label_map: Map<string, number> = new Map();
+    const label_map: Map<string, number> = new Map();
     TEXT_LABEL_FLAGS.forEach((flag, i) => {
       if (checkboxValues[i]) {
         label_map.set(flag.attributeName, sliderValues[i]);
diff --git a/website/src/components/Messages.tsx b/website/src/components/Messages.tsx
index 90f2ff80..cc94fcc0 100644
--- a/website/src/components/Messages.tsx
+++ b/website/src/components/Messages.tsx
@@ -10,7 +10,7 @@ const getColor = (isAssistant: boolean) => (isAssistant ? "bg-slate-800" : "bg-s
 export const Messages = ({ messages, post_id }: { messages: Message[]; post_id: string }) => {
   const items = messages.map(({ text, is_assistant }: Message, i: number) => {
     return (
-      <div className="flex">
+      <div className="flex" key={i + text}>
         <FlaggableElement text={text} post_id={post_id}>
           <div
             key={i + text}