From 239a645590084207bec0651e3e2247d11125cce5 Mon Sep 17 00:00:00 2001
From: Sebastian Helzle <sebastian@helzle.it>
Date: Fri, 9 Aug 2024 09:08:37 +0200
Subject: [PATCH] BUGFIX: Hide preview central group if empty

---
 .../EditPreviewDropDown/index.js              | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/packages/neos-ui/src/Containers/PrimaryToolbar/EditPreviewDropDown/index.js b/packages/neos-ui/src/Containers/PrimaryToolbar/EditPreviewDropDown/index.js
index 18cba4e59e..421ddc07de 100644
--- a/packages/neos-ui/src/Containers/PrimaryToolbar/EditPreviewDropDown/index.js
+++ b/packages/neos-ui/src/Containers/PrimaryToolbar/EditPreviewDropDown/index.js
@@ -86,22 +86,26 @@ export default class EditPreviewModeDropDown extends PureComponent {
                                 </li>
                             ))}
                         </ul>
-                        <div className={style.dropDown__groupHeader}>
-                            <Icon className={style.dropDown__btnIcon} icon={'eye'}/> {i18nRegistry.translate('content.components.editPreviewPanel.previewCentral', 'Preview Central')}
-                        </div>
-                        <ul>
-                            {previewModes.map(previewMode => (
-                                <li className={style.dropDown__item} key={previewMode.id}>
-                                    <Button
-                                        disabled={previewMode.id === editPreviewMode}
-                                        onClick={this.handleEditPreviewModeClick(previewMode.id)}
-                                        style={previewMode.id === editPreviewMode ? 'brand' : null}
-                                    >
-                                        <I18n id={previewMode.title}/>
-                                    </Button>
-                                </li>
-                            ))}
-                        </ul>
+                        {previewModes.length > 0 && (
+                            <>
+                                <div className={style.dropDown__groupHeader}>
+                                    <Icon className={style.dropDown__btnIcon} icon={'eye'}/> {i18nRegistry.translate('content.components.editPreviewPanel.previewCentral', 'Preview Central')}
+                                </div>
+                                <ul>
+                                    {previewModes.map(previewMode => (
+                                        <li className={style.dropDown__item} key={previewMode.id}>
+                                            <Button
+                                                disabled={previewMode.id === editPreviewMode}
+                                                onClick={this.handleEditPreviewModeClick(previewMode.id)}
+                                                style={previewMode.id === editPreviewMode ? 'brand' : null}
+                                            >
+                                                <I18n id={previewMode.title}/>
+                                            </Button>
+                                        </li>
+                                    ))}
+                                </ul>
+                            </>
+                        )}
                     </DropDown.Contents>
                 </DropDown>
             </div>