github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-30 15:28:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: reworks channel index (drawer and mobile) (#18892)

Browse Source 
- Multiple style improvements
- adds last sent message date to the view

Co-authored-by: chapoi <charlie@discourse.org>
Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
This commit is contained in:
Keegan George
2022-11-28 09:38:05 -08:00
committed by GitHub
parent 07a9163ea8
commit 7a8e018965
19 changed files with 286 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
plugins/chat/test/javascripts/components/chat-channel-metadata-test.js Normal file
View File

@ -0,0 +1,42 @@
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import { exists } from "discourse/tests/helpers/qunit-helpers";
import hbs from "htmlbars-inline-precompile";
import fabricators from "../helpers/fabricators";
import { module, test } from "qunit";
import { render } from "@ember/test-helpers";
module("Discourse Chat | Component | chat-channel-metadata", function (hooks) {
setupRenderingTest(hooks);
test("displays last message sent at", async function (assert) {
const lastMessageSentAt = moment();
this.channel = fabricators.directMessageChatChannel({
last_message_sent_at: lastMessageSentAt,
});
await render(hbs`<ChatChannelMetadata @channel={{this.channel}} />`);
assert
.dom(".chat-channel-metadata__date")
.hasText(lastMessageSentAt.format("LT"));
});
test("unreadIndicator", async function (assert) {
this.channel = fabricators.directMessageChatChannel();
this.currentUser.set("chat_channel_tracking_state", {
[this.channel.id]: { unread_count: 1 },
});
this.unreadIndicator = true;
await render(
hbs`<ChatChannelMetadata @channel={{this.channel}} @unreadIndicator={{this.unreadIndicator}}/>`
);
assert.ok(exists(".chat-channel-unread-indicator"));
this.unreadIndicator = false;
await render(
hbs`<ChatChannelMetadata @channel={{this.channel}} @unreadIndicator={{this.unreadIndicator}}/>`
);
assert.notOk(exists(".chat-channel-unread-indicator"));
});
});

28
plugins/chat/test/javascripts/components/chat-channel-title-test.js
View File

@ -142,32 +142,4 @@ module("Discourse Chat | Component | chat-channel-title", function (hooks) {
);
},
});
componentTest("unreadIndicator", {
template: hbs`{{chat-channel-title channel=channel unreadIndicator=unreadIndicator}}`,
beforeEach() {
const channel = fabricators.chatChannel({
chatable_type: CHATABLE_TYPES.directMessageChannel,
});
const state = {};
state[channel.id] = {
unread_count: 1,
};
this.currentUser.set("chat_channel_tracking_state", state);
this.set("channel", channel);
},
async test(assert) {
this.set("unreadIndicator", true);
assert.ok(exists(".chat-channel-unread-indicator"));
this.set("unreadIndicator", false);
assert.notOk(exists(".chat-channel-unread-indicator"));
},
});
});