Afficher les likes dans les listes de sujets et catégories - Thème Redditish

J’utilise le thème Reddit-ish. Existe-t-il un moyen d’afficher le nombre de « J’aime » pour un sujet lors de la visualisation des sujets sur la page d’accueil, les catégories, etc. ? J’ai essayé cette solution, mais elle ne fonctionne pas.

Ce message a été publié il y a assez longtemps

Le composant de thème Add Likes Column est peut-être ce que vous cherchez

J’utilise Redditish https://www.carptalk-online.co.uk/, donc je ne suis pas sûr que ce soit ce dont j’ai besoin.

Probablement pas, car ce thème remplace la liste de sujets par défaut. Chaque fois que vous avez quelque chose qui diffère déjà de la version par défaut, il est probable que les solutions partagées pour la version par défaut ne fonctionneront pas. C’est pourquoi il est important de préciser aux gens que vous demandez de l’aide.

Je pense que vous aurez soit besoin d’une version modifiée du thème qui prend en charge cette fonctionnalité, soit vous devrez demander à l’auteur de l’ajouter (peut-être en option, activée via un paramètre).

Merci Moin, j’ai forké le thème et modifié javascripts/discourse/connectors/topic-list-item/item.gjs

J’espère que cela aidera quelqu’un.

  1. J’ai ajouté ceci
get likeCount() {
  return (
    this.args.outletArgs.topic.like_count ??
    this.args.outletArgs.topic.likeCount ??
    0
  );
}

Juste en dessous de ceci

@action
share(event) {
  event.stopPropagation();

  this.modal.show(ShareTopicModal, {
    model: { topic: this.args.outletArgs.topic },
  });
}

get likeCount() {
  return (
    this.args.outletArgs.topic.like_count ??
    this.args.outletArgs.topic.likeCount ??
    0
  );
}

<template>
  1. Ensuite, j’ai modifié ceci
<div class="custom-topic-layout_bottom-bar">
  <span class="reply-count">
    {{icon "reply"}}
    {{@outletArgs.topic.replyCount}}
    {{i18n "replies"}}
  </span>

En ceci :

<div class="custom-topic-layout_bottom-bar">
  <span class="like-count">
    {{icon "heart"}}
    {{this.likeCount}}
    Likes
  </span>

  <span class="reply-count">
    {{icon "reply"}}
    {{@outletArgs.topic.replyCount}}
    {{i18n "replies"}}
  </span>

peut-être pourrais-tu nous envoyer une capture d’écran pour nous montrer à quoi ça ressemble ?