diff --git a/javascripts/discourse/components/card/topic-status-column.gjs b/javascripts/discourse/components/card/topic-status-column.gjs index 0fb999e..b508190 100644 --- a/javascripts/discourse/components/card/topic-status-column.gjs +++ b/javascripts/discourse/components/card/topic-status-column.gjs @@ -1,115 +1,40 @@ import Component from "@glimmer/component"; -import { on } from "@ember/modifier"; -import { action } from "@ember/object"; import { service } from "@ember/service"; -import { and } from "truth-helpers"; import icon from "discourse/helpers/d-icon"; import { i18n } from "discourse-i18n"; export default class TopicStatusColumn extends Component { - @service currentUser; @service siteSettings; - get canAct() { - return this.currentUser && !this.args.disableActions; - } - - get statusClass() { - let classes = ["topic-status-card"]; - if (this.args.topic.bookmarked) { - classes.push("--bookmark"); - } else if (this.args.topic.closed && this.args.topic.archived) { - classes.push("--locked --archived"); - } else if (this.args.topic.closed) { - classes.push("--locked"); - } else if (this.args.topic.archived) { - classes.push("--archived"); - } else if (this.args.topic.is_warning) { - classes.push("--warning"); - } else if ( - this.args.showPrivateMessageIcon && - this.args.topic.isPrivateMessage - ) { - classes.push("--private-message"); - } else if (this.args.topic.pinned) { - classes.push("--pinned"); - } else if (this.args.topic.unpinned) { - classes.push("--unpinned"); - } - return classes.join(" "); - } - get heatMap() { return this.args.topic.views > this.siteSettings.topic_views_heat_medium; } - @action - togglePinned(event) { - event.preventDefault(); - this.args.topic.togglePinnedForUser(); + get badge() { + if (this.heatMap) { + return { + icon: "fire", + text: "topic_hot", + className: "--hot", + }; + } + + if (this.args.topic.pinned) { + return { + icon: "thumbtack", + text: "topic_pinned", + className: "--pinned", + }; + } + + return null; } } diff --git a/scss/topic-cards.scss b/scss/topic-cards.scss index 93e4502..8364fb3 100644 --- a/scss/topic-cards.scss +++ b/scss/topic-cards.scss @@ -113,7 +113,7 @@ body.user-messages-page .topic-list-item { grid-row-gap: 8px; border-radius: var(--d-border-radius); &.excerpt-expanded { - grid-template-columns: 44px repeat(6, 1fr) auto; + grid-template-columns: 44px auto repeat(5, 1fr) auto; grid-template-rows: 22px auto auto 30px; grid-template-areas: "avatar author status status . . . activity" @@ -209,7 +209,6 @@ body.user-messages-page .topic-list-item { border-radius: var(--d-border-radius); border: 1px solid var(--status-color); color: var(--status-color); - height: min-content; grid-area: status; width: min-content; @media screen and (max-width: $small) { @@ -221,13 +220,8 @@ body.user-messages-page .topic-list-item { } } - .topic-status-card.--bookmark { - display: none; - } - .topic-status-card.--pinned, - .topic-status-card.--unpinned { + .topic-status-card.--pinned { --status-color: var(--primary-500); - cursor: pointer; background-color: transparent; line-height: unset; }