Site Editing: Contextual template part icon and name

[jameskoster]

With #27378 merged, we should update any component that displays the template part name + icon.

Icons

• For genetic template parts use the layout icon.
• For Header template parts, use the templatePartHeader icon
• For Footer template parts, use the templatePartFooter icon
• For Sidebar template parts, use the templatePartSidebar icon

Name

If the selected template part has a name, we should display that instead of the generic "Template Part" label. So if I select the "Header" template part, I should see "Header" as the block name in the Inspector, along with the appropriate icon and colorisation.

Off the top of my head, the only other location we'll need to update this is the block navigator. If the inserter / quick inserter exposes specific template parts we'll need to update that as well.

Examples:

[david-szabo97]

How are we distinguishing between generic template parts and header/footer/sidebar? Should we just check for template part name? Something like "if template part name contains 'header" then use "template part header" icon.

[jameskoster]

Good question, I suppose #27337 is a blocker to this being fully implemented.

[vindl]

Should we just check for template part name? Something like "if template part name contains 'header" then use "template part header" icon.

We should define canonical template parts types that core supports. It will then be possible to assign these types to template parts and customize some parts of the experience accordingly (e.g. filtering patterns, showing contextual icons etc.).

I suppose #27337 is a blocker to this being fully implemented.

Yes.

[mtias]

It seems this is wrapped now. We'll have a separate issue to explore the colors.