read_receipts: Convert module to TypeScript.

This commit is contained in:
Varun Singh 2023-12-23 11:24:08 +05:30 committed by Tim Abbott
parent c5a9c78af7
commit af3b15ef10
2 changed files with 22 additions and 9 deletions

View File

@ -171,7 +171,7 @@ EXEMPT_FILES = make_set(
"web/src/popover_menus_data.js",
"web/src/popovers.ts",
"web/src/popperjs.d.ts",
"web/src/read_receipts.js",
"web/src/read_receipts.ts",
"web/src/ready.ts",
"web/src/realm_icon.ts",
"web/src/realm_logo.ts",

View File

@ -1,5 +1,7 @@
import $ from "jquery";
import assert from "minimalistic-assert";
import SimpleBar from "simplebar";
import {z} from "zod";
import render_read_receipts from "../templates/read_receipts.hbs";
import render_read_receipts_modal from "../templates/read_receipts_modal.hbs";
@ -12,12 +14,18 @@ import * as modals from "./modals";
import * as people from "./people";
import * as ui_report from "./ui_report";
export function show_user_list(message_id) {
const read_receipts_api_response_schema = z.object({
user_ids: z.array(z.number()),
});
export function show_user_list(message_id: number): void {
$("body").append(render_read_receipts_modal());
modals.open("read_receipts_modal", {
autoremove: true,
on_show() {
const message = message_store.get(message_id);
assert(message !== undefined, "message is undefined");
if (message.sender_email === "notification-bot@zulip.com") {
$("#read_receipts_modal .read_receipts_info").text(
$t({
@ -28,18 +36,23 @@ export function show_user_list(message_id) {
$("#read_receipts_modal .modal__content").addClass("compact");
} else {
loading.make_indicator($("#read_receipts_modal .loading_indicator"));
channel.get({
void channel.get({
url: `/json/messages/${message_id}/read_receipts`,
success(data) {
success(raw_data) {
const data = read_receipts_api_response_schema.parse(raw_data);
const users = data.user_ids.map((id) => {
const user = people.get_user_by_id_assert_valid(id);
return {
return user;
});
users.sort(people.compare_by_name);
const context = {
users: users.map((user) => ({
user_id: user.user_id,
full_name: user.full_name,
avatar_url: people.small_avatar_url_for_person(user),
})),
};
});
users.sort(people.compare_by_name);
loading.destroy_indicator($("#read_receipts_modal .loading_indicator"));
if (users.length === 0) {
@ -66,7 +79,7 @@ export function show_user_list(message_id) {
"showing_read_receipts_list",
);
$("#read_receipts_modal .modal__content").append(
render_read_receipts({users}),
render_read_receipts(context),
);
new SimpleBar($("#read_receipts_modal .modal__content")[0]);
}