Torri-gate on Font awesome makes post reaction button disappear

[The_Alchemist]

When I change the discourse reaction like button to torii-gate on Font Awesome.

I lose the like button entirely…

As you can see it is gone, but if I hover over where it is, It triggers. With a red box around where the icon should be.

If I change the Icon back to “thumbs-up” it displays properly

I really want the Torri Gate as my reaction icon, because the point of this Discourse forum is for an offshoot of Shinto called Bunrai Shinto.

Please help me.
I am a simple shinto priest.
And I have a feeling
this a bug
that is not getting fixed.

[pfaffman (Jay Pfaffman)]

It’s not a bug. Not all icons are loaded.

I can’t find it right now on my phone, but if you search you can find how to include additional font awesome icons.

[Lilly]

I think it’s because of this

How to use a custom SVG like icon in the Reactions plugin?

I think the Reaction code adds a ‘far’ to things, which will make them go blank if there’s no far version: [Untitled] [Untitled2]

I feel like it should work, but when I gave it a try, I could only get it to load the non-far versions so that it only showed for already liked posts. Also, the reaction emoji is called shinto_shrine so to get it into the reactions modal, you have to load the emoji in the reactions settings.

[The_Alchemist]

So it is a bug/broken?

[Moin]

I think the problem is the same as in

Discourse Reactions does not support non-regular free icons(far- prefix is added to like icon)

I’m trying to add the free, solid, beer icon as my discourse reactions like icon: [image] Unfortunately the far- prefix is added to the “beer” text [image] and the regular icon is not included in the free tier: [image] so the icon does not load: [image] If this is intended, is there a workaround for this?

There is only a solid torri gate.

[The_Alchemist]

It is a sad day for Burai Shinto.

[Lilly]

Ok here is a fix for a simple shinto priest

Torii-gate reaction icon fix (or any fontawesome icon that doesn’t have a far version)

Step 1: Add the replacement script to the head section

Go to Admin - Themes (or Components) and add this code to the head tab of a new theme or component in Edit CSS/HTML:

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon("far-torii-gate", "torii-gate");
</script>

Step 2: Add the emoji to the existing reaction set then change the other settings

Go to the reactions plugin settings. This is the configuration you need to do, but it needs to be done in a certain order (from bottom to top):

• First add the shinto_shrine to the discourse reactions enabled reactions setting, click the green check mark then refresh the browser page.
• Next, select the shinto_shrine emoji from the drop down for the discourse reactions reaction for like setting.
• Then add torii-gate to the discourse reactions like icon setting.
  Make sure you click the green checkmarks and refresh the browser.

That should do it. Let me know if you need any more help.