Move input id in Markdown ToggleTab to variable

iterative · Sep 29, 2021 · 584456c · 584456c
1 parent 5310591
commit 584456c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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}