DEV: Add emoji-picker-footer plugin outlet (#29900)

This commit is contained in:
Arkshine 2024-11-27 12:55:59 +01:00 committed by GitHub
parent d6bec460a8
commit e4bb727d33
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -115,22 +115,31 @@
</div>
<div class="emoji-picker-footer">
<div class="emoji-picker-emoji-info">
{{#if this.hoveredEmoji}}
{{replace-emoji (concat ":" this.hoveredEmoji ":")}}
{{/if}}
</div>
<PluginOutlet
@name="emoji-picker-footer"
@outletArgs={{hash
diversityScales=this.diversityScales
hoveredEmoji=this.hoveredEmoji
onDiversitySelection=this.onDiversitySelection
}}
>
<div class="emoji-picker-emoji-info">
{{#if this.hoveredEmoji}}
{{replace-emoji (concat ":" this.hoveredEmoji ":")}}
{{/if}}
</div>
<div class="emoji-picker-diversity-picker">
{{#each this.diversityScales as |diversityScale index|}}
<DButton
@icon={{diversityScale.icon}}
@title={{diversityScale.title}}
@action={{fn this.onDiversitySelection index}}
class={{concat-class "diversity-scale" diversityScale.name}}
/>
{{/each}}
</div>
<div class="emoji-picker-diversity-picker">
{{#each this.diversityScales as |diversityScale index|}}
<DButton
@icon={{diversityScale.icon}}
@title={{diversityScale.title}}
@action={{fn this.onDiversitySelection index}}
class={{concat-class "diversity-scale" diversityScale.name}}
/>
{{/each}}
</div>
</PluginOutlet>
</div>
</div>
</div>