🐛 Show correctly group types label in handoff

CHANGES.md

@@ -65,6 +65,7 @@
 - Fix thumbnail not taking frame blending mode [Taiga #2301](https://tree.taiga.io/project/penpot/issue/2301)
 - Fix import/export with SVG edge cases [Taiga #2389](https://tree.taiga.io/project/penpot/issue/2389)
 - Avoid modifying component when moving into a group [Taiga #2534](https://tree.taiga.io/project/penpot/issue/2534)
+- Show correctly group types label in handoff [Taiga #2482](https://tree.taiga.io/project/penpot/issue/2482)
 
 ### :arrow_up: Deps updates
 

frontend/src/app/main/ui/viewer/handoff/right_sidebar.cljs

@@ -22,7 +22,16 @@
         section       (mf/use-state :info #_:code)
 
         shapes        (resolve-shapes (:objects page) selected)
-        selected-type (or (-> shapes first :type) :not-found)]
+        first-shape   (first shapes)
+
+        selected-type (or (:type first-shape) :not-found)
+        selected-type (if (= selected-type :group)
+                        (if (some? (:component-id first-shape))
+                          :component
+                          (if (:masked-group? first-shape)
+                            :mask
+                            :group))
+                        selected-type)]
 
     [:aside.settings-bar.settings-bar-right {:class (when @expanded "expanded")}
      [:div.settings-bar-inside
@@ -35,7 +44,7 @@
              [:span.tool-window-bar-title (tr "handoff.tabs.code.selected.multiple" (count shapes))]]
             [:*
              [:span.tool-window-bar-icon
-              [:& element-icon {:shape (-> shapes first)}]]
+              [:& element-icon {:shape first-shape}]]
              [:span.tool-window-bar-title (->> selected-type d/name (str "handoff.tabs.code.selected.") (tr))]])
           ]
          [:div.tool-window-content

frontend/translations/en.po

@@ -937,6 +937,12 @@ msgstr "Group"
 msgid "handoff.tabs.code.selected.image"
 msgstr "Image"
 
+msgid "handoff.tabs.code.selected.component"
+msgstr "Component"
+
+msgid "handoff.tabs.code.selected.mask"
+msgstr "Mask"
+
 #: src/app/main/ui/handoff/right_sidebar.cljs
 msgid "handoff.tabs.code.selected.multiple"
 msgstr "%s Selected"

frontend/translations/es.po

@@ -938,6 +938,12 @@ msgstr "Grupo"
 msgid "handoff.tabs.code.selected.image"
 msgstr "Imagen"
 
+msgid "handoff.tabs.code.selected.component"
+msgstr "Componente"
+
+msgid "handoff.tabs.code.selected.mask"
+msgstr "Máscara"
+
 #: src/app/main/ui/handoff/right_sidebar.cljs
 msgid "handoff.tabs.code.selected.multiple"
 msgstr "%s Seleccionado"