[Feature] RewardRedemtion should be added to the chat log

[BlackyWhoElse]

Is your feature request related to a problem? Please describe.

Currently, the original twitch chat shows redemptions. It would be cool if we could also show them over our overlay. These could use a different template that would be added to the template.html

Describe the solution you'd like

• A variable inside the settings var to turn on/off this feature.
• A separated template inside the template.html
• (optional) Add a way to update the class if the reward was done (if in q)

Describe alternatives you've considered

/

Additional context

[BlackyWhoElse]

{
  "id": "9d0911db-7884-4e0f-8cf4-c95c5765c2e5",
  "dateTime": "2022-01-31T03:10:23.3611616Z",
  "userId": 0000000000,
  "userName": "<user name of redeemer>",
  "displayName": "<display name of redeemer>",
  "channelId": 0000000, /* broadcaster channel id */
  "cost": 42,
  "rewardId": "41f257e9-9688-4944-9bf6-28cda1c3fa1f",
  "title": "Test Reward",
  "prompt": "",
  "inputRequired": false,
  "backgroundColor": "#63D0A9",
  "enabled": true,
  "paused": false,
  "subOnly": false
}

[BlackyWhoElse]

How to Update my theme?

Add this Reward template to your theme:

<template id="reward">
  <li id="{{msgId}}" class="{{classes}}" style="--rewardColor:{{backgroundColor}}">
    <div class="message">
      <span class="name">{{displayName}}</span>
      redeemed
      <span class="content">{{title}}</span>
      <div class="userInput">{{userInput}}</div>
    </div>
  </li>
</template>

[BlackyWhoElse]

Feature added to theme

• [x] box
• [x] bubble
• [x] bubble_ticker
• [x] clean
• [x] crossing
• [x] default
• [x] tarkov
• [x] ticker

[BlackyWhoElse]

Added new style to tarkov