}
type InboxData = RouteDataResponse<{
- repliesResponse: GetRepliesResponse;
- personMentionsResponse: GetPersonMentionsResponse;
- privateMessagesResponse: PrivateMessagesResponse;
+ repliesRes: GetRepliesResponse;
+ mentionsRes: GetPersonMentionsResponse;
+ messagesRes: PrivateMessagesResponse;
}>;
type ReplyType = {
// Only fetch the data if coming from another route
if (FirstLoadService.isFirstLoad) {
- const {
- personMentionsResponse: mentionsRes,
- privateMessagesResponse: messagesRes,
- repliesResponse: repliesRes,
- } = this.isoData.routeData;
+ const { mentionsRes, messagesRes, repliesRes } = this.isoData.routeData;
this.state = {
...this.state,
const auth = myAuth();
const inboxRss = auth ? `/feeds/inbox/${auth}.xml` : undefined;
return (
- <div className="container-lg">
+ <div className="inbox container-lg">
<div className="row">
<div className="col-12">
<HtmlTags
{inboxRss && (
<small>
<a href={inboxRss} title="RSS" rel={relTags}>
- <Icon icon="rss" classes="ml-2 text-muted small" />
+ <Icon icon="rss" classes="ms-2 text-muted small" />
</a>
<link
rel="alternate"
>
<input
type="radio"
+ className="btn-check"
value={UnreadOrAll.Unread}
checked={this.state.unreadOrAll == UnreadOrAll.Unread}
onChange={linkEvent(this, this.handleUnreadOrAllChange)}
>
<input
type="radio"
+ className="btn-check"
value={UnreadOrAll.All}
checked={this.state.unreadOrAll == UnreadOrAll.All}
onChange={linkEvent(this, this.handleUnreadOrAllChange)}
>
<input
type="radio"
+ className="btn-check"
value={MessageType.All}
checked={this.state.messageType == MessageType.All}
onChange={linkEvent(this, this.handleMessageTypeChange)}
>
<input
type="radio"
+ className="btn-check"
value={MessageType.Replies}
checked={this.state.messageType == MessageType.Replies}
onChange={linkEvent(this, this.handleMessageTypeChange)}
>
<input
type="radio"
+ className="btn-check"
value={MessageType.Mentions}
checked={this.state.messageType == MessageType.Mentions}
onChange={linkEvent(this, this.handleMessageTypeChange)}
>
<input
type="radio"
+ className="btn-check"
value={MessageType.Messages}
checked={this.state.messageType == MessageType.Messages}
onChange={linkEvent(this, this.handleMessageTypeChange)}
selects() {
return (
<div className="mb-2">
- <span className="mr-3">{this.unreadOrAllRadios()}</span>
- <span className="mr-3">{this.messageTypeRadios()}</span>
+ <span className="me-3">{this.unreadOrAllRadios()}</span>
+ <span className="me-3">{this.messageTypeRadios()}</span>
<CommentSortSelect
sort={this.state.sort}
onChange={this.handleSortChange}
const sort: CommentSortType = "New";
return {
- personMentionsResponse: auth
+ mentionsRes: auth
? await client.getPersonMentions({
sort,
unread_only: true,
auth,
})
: { state: "empty" },
- privateMessagesResponse: auth
+ messagesRes: auth
? await client.getPrivateMessages({
unread_only: true,
page: 1,
auth,
})
: { state: "empty" },
- repliesResponse: auth
+ repliesRes: auth
? await client.getReplies({
sort,
unread_only: true,