Esto es fácil de hacer. Hay un atributo en el modelo de tema que muestra si has respondido a él. Se llama posted. Escribí un componente antes (Composer tip under specific tag topics) que determina si has respondido. Si tienes conocimientos de programación, puedes echar un vistazo a lo que escribí. Combinado con el método decorateCookedElement de la API, se puede implementar.
Me da pereza escribir el código específico. He estado muy ocupado últimamente.
<script type="text/discourse-plugin" version="1.6.0">
const user = api.getCurrentUser();
const I18n = require("I18n");
const pid = "post_hider"
const tl4_css = `
.d-editor-preview [data-theme-hide] {
background: var(--tertiary);
color: var(--secondary);
border-top: 2px solid var(--secondary);
position: sticky;
top: 0;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.d-editor-preview [data-theme-hide]::before {
content: "Este post está oculto";
}
`
api.addPostClassesCallback((attrs) => {
if (attrs?.cooked?.includes(`div data-theme-hide="true"`)) {
return ["hiddened"]; // Añade css para usar, cómo escribir el css a continuación depende de ti
} else {
return [];
}
});
if (!user) {
api.decorateCookedElement((el, helper) => {
function hide_post() {
setTimeout( () => {
try {
// document.querySelector(`[data-post-id="${helper?.widget?.attrs?.id}"]`)?.parentElement?.remove();
} catch (err) {
console.log(el);
console.log(err);
}
}, 1000);
}
if (el?.querySelector(`[data-theme-hide="true"]`)) {
el.innerHTML = `<p>Este post ha sido ocultado por la comunidad</p>`; // Modifica esta línea
hide_post();
}
}, {
id: pid,
afterAdopt: true,
onlyStream: true,
});
}
</script>
Recordé que tengo aquí un código que usé para ocultar todo el post a los usuarios no registrados. Puedes usarlo como referencia.