style: fragment key

x-orpheus · May 9, 2024 · d0257be · d0257be
1 parent 1ea9545
commit d0257be
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/src/multi/Editor.tsx b/src/multi/Editor.tsx
@@ -900,21 +900,29 @@ const MultiPrivateEditorComp = React.forwardRef<
         <StatusBar
           title={title}
           rightActions={[
-            ideConfig.disablePrettier ? null : (
-              <Prettier
-                onClick={handleFromat}
-                className="music-monaco-editor-prettier"
-              />
-            ),
-            ideConfig.disableSetting ? null : (
-              <Setting
-                disablePrettier={ideConfig.disablePrettier}
-                defaultTheme={defaultTheme}
-                getTarget={() => rootRef.current}
-                autoPrettier={autoPrettierRef.current}
-                onAutoPrettierChange={handleSetAutoPrettier}
-              />
-            ),
+           <React.Fragment key="prettier">
+            {
+               ideConfig.disablePrettier ? null : (
+                <Prettier
+                  onClick={handleFromat}
+                  className="music-monaco-editor-prettier"
+                />
+              )
+            }
+           </React.Fragment>,
+           <React.Fragment key="setting">
+            {
+               ideConfig.disableSetting ? null : (
+                <Setting
+                  disablePrettier={ideConfig.disablePrettier}
+                  defaultTheme={defaultTheme}
+                  getTarget={() => rootRef.current}
+                  autoPrettier={autoPrettierRef.current}
+                  onAutoPrettierChange={handleSetAutoPrettier}
+                />
+              )
+            }
+           </React.Fragment>,
           ]}
         />
       </div>