PR updates

konveyor · Jul 5, 2023 · ee936a5 · ee936a5
1 parent 5a456b1
commit ee936a5
Showing 1 changed file with 41 additions and 43 deletions.
diff --git a/client/src/app/shared/components/simple-task-viewer/simple-document-viewer.tsx b/client/src/app/shared/components/simple-task-viewer/simple-document-viewer.tsx
@@ -146,50 +146,48 @@ export const SimpleDocumentViewer = <FetchType,>({
         </div>
       }
       customControls={[
-        <>
-          {refreshControl}
-          <div
-            className={css(
-              editorStyles.codeEditorTab,
-              "language-toggle-group-container"
-            )}
-            key="code-language-toggle"
+        refreshControl,
+        <div
+          className={css(
+            editorStyles.codeEditorTab,
+            "language-toggle-group-container"
+          )}
+          key="code-language-toggle"
+        >
+          <ToggleGroup
+            aria-label="code content type selection"
+            className="language-toggle-group"
           >
-            <ToggleGroup
-              aria-label="code content type selection"
-              className="language-toggle-group"
-            >
-              <ToggleGroupItem
-                text={
-                  <>
-                    <span className={editorStyles.codeEditorTabIcon}>
-                      <CodeIcon />
-                    </span>
-                    <span className={editorStyles.codeEditorTabText}>JSON</span>
-                  </>
-                }
-                buttonId="code-language-select-json"
-                isSelected={currentLanguage === "json"}
-                isDisabled={!code && currentLanguage !== "json"}
-                onChange={() => setCurrentLanguage(Language.json)}
-              />
-              <ToggleGroupItem
-                text={
-                  <>
-                    <span className={editorStyles.codeEditorTabIcon}>
-                      <CodeIcon />
-                    </span>
-                    <span className={editorStyles.codeEditorTabText}>YAML</span>
-                  </>
-                }
-                buttonId="code-language-select-yaml"
-                isSelected={currentLanguage === "yaml"}
-                isDisabled={!code && currentLanguage !== "yaml"}
-                onChange={() => setCurrentLanguage(Language.yaml)}
-              />
-            </ToggleGroup>
-          </div>
-        </>,
+            <ToggleGroupItem
+              text={
+                <>
+                  <span className={editorStyles.codeEditorTabIcon}>
+                    <CodeIcon />
+                  </span>
+                  <span className={editorStyles.codeEditorTabText}>JSON</span>
+                </>
+              }
+              buttonId="code-language-select-json"
+              isSelected={currentLanguage === "json"}
+              isDisabled={!code && currentLanguage !== "json"}
+              onChange={() => setCurrentLanguage(Language.json)}
+            />
+            <ToggleGroupItem
+              text={
+                <>
+                  <span className={editorStyles.codeEditorTabIcon}>
+                    <CodeIcon />
+                  </span>
+                  <span className={editorStyles.codeEditorTabText}>YAML</span>
+                </>
+              }
+              buttonId="code-language-select-yaml"
+              isSelected={currentLanguage === "yaml"}
+              isDisabled={!code && currentLanguage !== "yaml"}
+              onChange={() => setCurrentLanguage(Language.yaml)}
+            />
+          </ToggleGroup>
+        </div>,
       ]}
     />
   );