FEAT: Open shop preview and nessecary user dropdown links in new tab

crydotsnake · crydotsnake · commit 1be85108d60f · 2025-09-07T14:12:12.000+02:00
diff --git a/src/Sylius/Bundle/AdminBundle/Twig/Component/Shared/Navbar/UserDropdownComponent.php b/src/Sylius/Bundle/AdminBundle/Twig/Component/Shared/Navbar/UserDropdownComponent.php
@@ -65,16 +65,19 @@ public function getMenuItems(): array
                 'title' => 'sylius.ui.documentation',
                 'url' => 'https://docs.sylius.com',
                 'class' => 'small text-muted',
+                'target' => '_blank'
             ],
             [
                 'title' => 'sylius.ui.join_slack',
                 'url' => 'https://sylius.com/slack',
                 'class' => 'small text-muted',
+                'target' => '_blank'
             ],
             [
                 'title' => 'sylius.ui.report_an_issue',
                 'url' => 'https://github.com/Sylius/Sylius/issues',
                 'class' => 'small text-muted',
+                'target' => '_blank'
             ],
         ];
     }
diff --git a/src/Sylius/Bundle/AdminBundle/templates/shared/crud/common/navbar/menu/shop_preview.html.twig b/src/Sylius/Bundle/AdminBundle/templates/shared/crud/common/navbar/menu/shop_preview.html.twig
@@ -2,7 +2,7 @@
 
 {% if channels|length == 1 %}
     {% set channel = channels|first %}
-    <a class="" href="{{ sylius_channel_url(homepage_path, channel) }}">
+    <a class="" href="{{ sylius_channel_url(homepage_path, channel) }}" target="_blank">
         <span data-bs-toggle="tooltip" data-bs-title="{{ 'sylius.ui.view_your_store'|trans }}" data-bs-placement="right">
             {{ ux_icon('tabler:arrow-up-right') }}
         </span>
diff --git a/src/Sylius/Bundle/AdminBundle/templates/shared/helper/dropdown.html.twig b/src/Sylius/Bundle/AdminBundle/templates/shared/helper/dropdown.html.twig
@@ -32,6 +32,7 @@
                 type: null,
                 class: null,
                 icon: null,
+                target: null,
                 attributes: {}
             }|merge(item) %}
 
@@ -41,10 +42,17 @@
                 <hr class="dropdown-divider">
             {% else %}
                 {% set extra_class = item.class ? ' ' ~ item.class %}
-                <a class="dropdown-item{{ item.class ? extra_class }}" href="{{ item.url }}" {{ sylius_test_html_attribute('user-dropdown-item', item.title|trans({}, null, 'en_US')) }} {% for attr, value in item.attributes %}{{ attr }}="{{ value }}" {% endfor %}>
-                    {{ item.icon ? ux_icon(item.icon, {'class': 'icon dropdown-item-icon ' ~ extra_class }) }}
-                    {{ item.title|trans }}
-                </a>
+                {% if item.target == '_blank' %}
+                    <a class="dropdown-item{{ item.class ? extra_class }}" href="{{ item.url }}" target="_blank" {{ sylius_test_html_attribute('user-dropdown-item', item.title|trans({}, null, 'en_US')) }} {% for attr, value in item.attributes %}{{ attr }}="{{ value }}" {% endfor %}>
+                        {{ item.icon ? ux_icon(item.icon, {'class': 'icon dropdown-item-icon ' ~ extra_class }) }}
+                        {{ item.title|trans }}
+                    </a>
+                {% else %}
+                     <a class="dropdown-item{{ item.class ? extra_class }}" href="{{ item.url }}" {{ sylius_test_html_attribute('user-dropdown-item', item.title|trans({}, null, 'en_US')) }} {% for attr, value in item.attributes %}{{ attr }}="{{ value }}" {% endfor %}>
+                        {{ item.icon ? ux_icon(item.icon, {'class': 'icon dropdown-item-icon ' ~ extra_class }) }}
+                        {{ item.title|trans }}
+                    </a>
+                {% endif %}
             {% endif %}
         {% endfor %}
     {% endset %}
