From 05e754e49066605847e7608471c0e44868dfb7e0 Mon Sep 17 00:00:00 2001
From: L Martins <leticiamartinsalarcon@gmail.com>
Date: Tue, 31 Oct 2023 19:19:51 -0300
Subject: [PATCH 1/3] feature: Turning repeated URLs and target attribute into
 constants

---
 website/components/menubar.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/website/components/menubar.js b/website/components/menubar.js
index fbbe614b..4c10a2ed 100644
--- a/website/components/menubar.js
+++ b/website/components/menubar.js
@@ -22,6 +22,10 @@ const MenuBar = props => {
   const [showMenuDropdown, setShowMenuDropdown] = useState(false);
   const documentationMenu = useRef(null);
   const [closeMenu, setCloseMenu] = useState(true);
+  
+  const megadraftUrl = 'https://draftjs.slack.com/messages/megadraft/';
+  const githubUrl = 'https://github.com/globocom/megadraft';
+  const targetBlank = '_blank';
 
   const handleTouchTap = event => {
     // This prevents ghost click.
@@ -74,14 +78,14 @@ const MenuBar = props => {
                     </Button>
                     <MenuDropDown {...dropDownData} />
                     <Button
-                      href="https://draftjs.slack.com/messages/megadraft/"
-                      target="_blank"
+                      href={megadraftUrl}
+                      target={targetBlank}
                     >
                       Slack channel
                     </Button>
                     <Button
-                      href="https://github.com/globocom/megadraft"
-                      target="_blank"
+                      href={githubUrl}
+                      target={targetBlank}
                     >
                       Repository
                     </Button>
@@ -122,15 +126,15 @@ const MenuBar = props => {
                   </Button>
                   <MenuDropDown {...dropDownData} />
                   <Button
-                    href="https://draftjs.slack.com/messages/megadraft/"
-                    target="_blank"
+                    href={megadraftUrl}
+                    target={targetBlank}
                     onClick={handleRequestClose}
                   >
                     Slack channel
                   </Button>
                   <Button
-                    href="https://github.com/globocom/megadraft"
-                    target="_blank"
+                    href={githubUrl}
+                    target={targetBlank}
                     onClick={handleRequestClose}
                   >
                     Repository
@@ -195,7 +199,7 @@ const MenuDropDown = props => {
         component={"a"}
         onClick={handleRequestClose}
         href="http://draftjs.org"
-        target="_blank"
+        target={targetBlank}
       >
         Draft.js
       </MenuItem>
@@ -203,7 +207,7 @@ const MenuDropDown = props => {
         component={"a"}
         onClick={handleRequestClose}
         href="https://facebook.github.io/react/"
-        target="_blank"
+        target={targetBlank}
       >
         React
       </MenuItem>

From 3a384550adae785e6c0386e6f03147ac0f8e8ed4 Mon Sep 17 00:00:00 2001
From: L Martins <leticiamartinsalarcon@gmail.com>
Date: Tue, 31 Oct 2023 19:23:15 -0300
Subject: [PATCH 2/3] fix: double quotes

---
 website/components/menubar.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/components/menubar.js b/website/components/menubar.js
index 4c10a2ed..4b2dd4ce 100644
--- a/website/components/menubar.js
+++ b/website/components/menubar.js
@@ -23,9 +23,9 @@ const MenuBar = props => {
   const documentationMenu = useRef(null);
   const [closeMenu, setCloseMenu] = useState(true);
   
-  const megadraftUrl = 'https://draftjs.slack.com/messages/megadraft/';
-  const githubUrl = 'https://github.com/globocom/megadraft';
-  const targetBlank = '_blank';
+  const megadraftUrl = "https://draftjs.slack.com/messages/megadraft/";
+  const githubUrl = "https://github.com/globocom/megadraft";
+  const targetBlank = "_blank";
 
   const handleTouchTap = event => {
     // This prevents ghost click.

From 44d603ab5db21863bc021ce6cc10a7fd151639c6 Mon Sep 17 00:00:00 2001
From: L Martins <leticiamartinsalarcon@gmail.com>
Date: Tue, 31 Oct 2023 19:36:21 -0300
Subject: [PATCH 3/3] fix: lint issues

---
 website/components/menubar.js | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/website/components/menubar.js b/website/components/menubar.js
index 4b2dd4ce..2a0b39bd 100644
--- a/website/components/menubar.js
+++ b/website/components/menubar.js
@@ -22,7 +22,6 @@ const MenuBar = props => {
   const [showMenuDropdown, setShowMenuDropdown] = useState(false);
   const documentationMenu = useRef(null);
   const [closeMenu, setCloseMenu] = useState(true);
-  
   const megadraftUrl = "https://draftjs.slack.com/messages/megadraft/";
   const githubUrl = "https://github.com/globocom/megadraft";
   const targetBlank = "_blank";
@@ -77,16 +76,10 @@ const MenuBar = props => {
                       Documentation
                     </Button>
                     <MenuDropDown {...dropDownData} />
-                    <Button
-                      href={megadraftUrl}
-                      target={targetBlank}
-                    >
+                    <Button href={megadraftUrl} target={targetBlank}>
                       Slack channel
                     </Button>
-                    <Button
-                      href={githubUrl}
-                      target={targetBlank}
-                    >
+                    <Button href={githubUrl} target={targetBlank}>
                       Repository
                     </Button>
                   </Grid>
@@ -152,6 +145,8 @@ const MenuBar = props => {
 
 const MenuDropDown = props => {
   const { documentationMenu, handleRequestClose, showMenuDropdown } = props;
+  const targetBlank = "_blank";
+
   return (
     <Menu
       id="simple-menu"