From 584456c9c5d598b7cd355a2e2ffc2728fc191cf2 Mon Sep 17 00:00:00 2001
From: julieg18 <juliannagal18@gmail.com>
Date: Wed, 29 Sep 2021 15:37:31 -0500
Subject: [PATCH] Move input id in Markdown ToggleTab to variable

---
 src/components/pages/Documentation/Markdown/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/Documentation/Markdown/index.tsx b/src/components/pages/Documentation/Markdown/index.tsx
index eed7dc6f..d5e3bb02 100644
--- a/src/components/pages/Documentation/Markdown/index.tsx
+++ b/src/components/pages/Documentation/Markdown/index.tsx
@@ -128,16 +128,18 @@ const ToggleTab: React.FC<{
   onChange: () => void
   checked: boolean
 }> = ({ children, id, checked, ind, onChange, title }) => {
+  const inputId = `tab-${id}-${ind}`
+
   return (
     <>
       <input
-        id={`tab-${id}-${ind}`}
+        id={inputId}
         type="radio"
         name={`toggle-${id}`}
         onChange={onChange}
         checked={checked}
       />
-      <label className={styles.tabHeading} htmlFor={`tab-${id}-${ind}`}>
+      <label className={styles.tabHeading} htmlFor={inputId}>
         {title}
       </label>
       {children}