From 0286304c391d2c330229a99f4d0ff7cc8d2bcf89 Mon Sep 17 00:00:00 2001
From: Chris Deery <3932645+cdeery@users.noreply.github.com>
Date: Mon, 27 Sep 2021 09:02:15 -0400
Subject: [PATCH] feat: [AA-906] missed one review comment

---
 src/course-home/outline-tab/widgets/FlagButton.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/course-home/outline-tab/widgets/FlagButton.jsx b/src/course-home/outline-tab/widgets/FlagButton.jsx
index 89d9434e..6100202c 100644
--- a/src/course-home/outline-tab/widgets/FlagButton.jsx
+++ b/src/course-home/outline-tab/widgets/FlagButton.jsx
@@ -11,14 +11,14 @@ function FlagButton({
   isEnabled,
   handleSelect,
 }) {
-  const [isHighlight, setHighlight] = useState(false);
+  const [isSelected, setIsSelected] = useState(false);
 
   return (
     <button
       type="button"
-      className={classNames('col flex-grow-1 p-3 border border-light rounded bg-white', { 'border-dark': isEnabled || isHighlight })}
-      onMouseEnter={() => setHighlight(true)}
-      onMouseLeave={() => setHighlight(false)}
+      className={classNames('col flex-grow-1 p-3 border border-light rounded bg-white', { 'border-dark': isEnabled || isSelected })}
+      onMouseEnter={() => setIsSelected(true)}
+      onMouseLeave={() => setIsSelected(false)}
       onClick={() => handleSelect()}
     >
       <div className=" justify-content-center">