ui: fix reaction form (#602)

packages/ui-default/components/discussion/reaction.page.tsx

@@ -68,7 +68,7 @@ const reactionPage = new AutoloadPage('reactionPage', () => {
   const canUseReaction = $('[data-op="react"]').length > 0;
   $('[data-op="react"]').each((i, e) => {
     ReactDOM.createRoot(e).render(
-      <Reaction payload={$(e).data('form')} ele={$(`.reactions[data-${$(e).data('form').type}='${$(e).data('form').id}']`)} />,
+      <Reaction payload={$(e).data('form')} ele={$(`.reactions[data-${$(e).data('form').nodeType}='${$(e).data('form').id}']`)} />,
     );
   });
   $(document).on('click', '.reaction', async (e) => {

packages/ui-default/templates/components/comments_discussion.html

@@ -108,7 +108,7 @@
           {{ action(_('Delete'), 'delete', 'comment', {operation: comment_delete_op, drid: doc._id}, 'delete') }}
         {% endif %}
         {% if (handler.user.hasPerm(perm.PERM_ADD_REACTION)) %}
-          {{ action('', 'react', 'comment', {operation: 'reaction', type:'drid', id: doc._id}, 'emoji') }}
+          {{ action('', 'react', 'comment', {operation: 'reaction', nodeType: 'drid', id: doc._id}, 'emoji') }}
         {% endif %}
         </div>
       </div>

packages/ui-default/templates/discussion_detail.html

@@ -62,7 +62,7 @@
           <span class="icon icon-warning"></span> {{ _('Report') }}
         </a></li>
       {% if handler.user.hasPerm(perm.PERM_ADD_REACTION) %}
-        <li><a href="javascript:;" data-op="react" data-type="discuss" data-form="{{ {operation: 'reaction', type:'did', id: ddoc._id }|json }}">
+        <li><a href="javascript:;" data-op="react" data-type="discuss" data-form="{{ {operation: 'reaction', nodeType:'did', id: ddoc._id }|json }}">
           <span class="icon icon-emoji"></span>
         </a></li>
       {% endif %}